マイクロチャネル公共番号H5ページカスタムシェア

<!DOCTYPE HTML> 
<HTML> 

    <HEAD> 
        <META HTTP-当量= " Content-Typeの"コンテンツ= " text / htmlの;のcharset = UTF-8 " /> 
        <タイトル> </ TITLE> 
    </ HEAD> 
    透明

     <ボディ> 
        <スクリプトSRC = " https://code.jquery.com/jquery-3.1.1.min.js "タイプ= " テキスト/ javascriptの"文字セット= " UTF-8 " > </ SCRIPT> 
        <スクリプトSRC = " https://res.wx.qq.com/open/js/jweixin-1.2.0.js "タイプ= " テキスト/ javascriptの"=文字セット"UTF-8 " > </ SCRIPT> 
        <スクリプトタイプ= " テキスト/ JavaScriptを" >
             //             設定はよくカスタムの総数共有
             //を            jauery導入する必要がある            $アヤックス({ 
                方法:' GETは' 
                URL:ウィンドウを.BASE_URL + ' API / V1 /シャーディング/ GET ' 
                contentTypeの:' ファイルアプリケーション/ x-www-form-urlencodedで' 非同期はfalseに
                データ型:"
JSON " 
                データ:{ 
                    URL:location.href.split(' ')[ 0 ] 
                }、
                成功:関数(データ){ 
                    にconsole.log(data.data)
                    VaRの署名= data.data 
                    wx.config({ 
                        デバッグ:// デバッグモードをオンにし、APIは、ログを通じてのみ、PC側の呼び出しをパラメータ情報を再生されます、あなたはPC側を開くことができ、入ってくるパラメータを表示するために、クライアントに警告します、戻り値のすべてのアウトですこれは、印刷されます。 
                        AppIDを:signatures.appid、// 必要な、公共の固有の識別番号 
                        、タイムスタンプ:((signatures.timeStamp).toString( ))ストリングを(。010)、// 必要な、署名タイムスタンプを生成する<= $データ[ 'タイムスタンプ'] ??> 
                        NonceStr:signatures.nonce_str、// ?必要な、ランダムな文字列を生成した署名<= $データ[ ' noncestr ']>? 
                        署名:(signatures.signature).toLowerCase()、// 必要な、署名<= $データ[?'署名']>? 
                        jsApiList:[ ' openLocation ' ' のgetLocation ' ' translateVoice ' onMenuShareTimeline ' "onMenuShareAppMessage "' OnMenuShareQQ ' ' onMenuShareWeibo ' ' onMenuShareTimeline ' ' onMenuShareQZone ' 
                        ] // ここでは、JSインタフェースのマップをオープン宣言するために使用する
                    }); 
                } 
            }); 

            wx.ready(関数(){ 
                wx.checkJsApi( { 
                    jsApiList:[ ' chooseImage ' ] // インタフェースリストJSを検出する必要性、JS付録2のすべてのインターフェイスのリスト、
                    成功:関数(RES){
                         // キーと値のペアとして返さは、真のAPIの利用可能な値は、偽に使用できません
                         // { "checkResult":{ "など chooseImage":真}、 "たerrMsg":「checkJsApi :OK「} 
                    } 
                }); 
                VAR shareUrl = ' https://www.gzkny.com/h5/ziyemian/souquan.html?openid= ' + のOpenID;
                 VAR OBJ = { // 円の友人の 
                    タイトル:Kangni雅歯科病院// 共有タイトル 
                    DESC:」 '// 共有説明
                    リンク:shareUrl、// ドメインまたはパスが対応する公共の安全ドメイン名JS現在のページ番号と一致しなければならないこと、共有リンク
                     // リンクがあるため、ユーザコードを取得する必要性、リダイレクトリンクであるが、彼らはリンクマイクロチャネル取得に直接書き込むことはできませんコードのリンク、
                     // ユーザー情報を取得する機能を実現するためのコードを取得するために、マイクロチャネルリンクを再オープンし、リダイレクトに新しいページをリロードしますするので、必要性; 
                    imgUrl:" https://i.loli.net/2019 /05/29/5ceded0eaa03e44687.jpg ' 
                    失敗:機能(RES){ 
                        アラート(JSON.stringify(RES)); 
                    } 
                }; VARの OBJ1 = { // 友人 
                    タイトル:' Kangni雅歯科病院'// シェア見出し
                
                    DESC:「」// 共有説明 
                    リンク:shareUrlは、// ドメインまたはパスがJS公共の安全ドメイン名に対応する現在のページ番号と一致しなければならないこと、共有リンク
                     // リンクがあるため、ユーザコードを取得する必要性、リダイレクトリンクであり、しかし、リンクは、マイクロチャネル取得コードリンクに直接書き込むことができません
                     // 必要性が、リダイレクトを実現するマイクロチャネルリンクの取得コードを再開するために、新しいページをリロードしてクリックして、ユーザ情報機能へのアクセスを実現するために、 
                    imgUrl:HTTPS: //i.loli.net/2019/05/29/5ceded0eaa03e44687.jpg '// 共有アイコン
                    失敗:機能(RES){ 
                        アラート(JSON.stringify(RES)); 
                    } 
                }; 
                // 2.1リスニング「を共有します友人」、ボタンのクリック、共有カスタムコンテンツと結果のインターフェイスを共有します
                wx.onMenuShareAppMessage(OBJ1); 

                // 2.2は、ボタンクリック、共有カスタムコンテンツやインターフェースの結果を共有「を共有する友人の輪を」リスニング
                wx.onMenuShareTimelineを(OBJを); 

                // ボタン「QQを共有するために、」2.3リスニングをクリックすると、カスタムのシェアをコンテンツと結果のインターフェイス共有
                wx.onMenuShareQQ(OBJ); 

                // 2.4は、「Twitterで共有」を聴いて、ボタンをクリックすると、カスタムのシェアをとインタフェースの結果を共有する
                wx.onMenuShareWeibo(OBJを); 

                // 2.5は、ボタン「QZoneを共有するために、」リスニングクリック、カスタムの共有と共有インタフェース
                wx.onMenuShareQZone(OBJ);
                 // 7.2は、現在位置を取得
                ({wx.getLocation 
                    タイプのを:WGS84 // あなたはopenLocationと直接返すようにしたい場合は、デフォルトのGPSは、WGS84座標を火星の座標は、「gcj02」を渡すことができます
                    成功:関数(RES){
                         VARの緯度= res.latitude; // の-90〜90の範囲で緯度、浮動小数点、
                        VAR経度= res.longitude; // 経度、浮動小数点、180 -180の範囲です。
                        VaRの速度= res.speed; // 速度、メートル/秒における基底
                        VaRの精度= res.accuracy; // 位置精度
                        VARの結果= [] 
                        result.push(経度)
                        result.push(緯度)
                        結果 = JSON.stringify (結果); 
                        localStorage.setItem(" 結果"結果)
                        longg()
                    } 
                })。
            }); 
        </スクリプト> 
    </ BODY> 

</ HTML>    

 

おすすめ

転載: www.cnblogs.com/1212dsa/p/11429406.html