WeChat ストアの WeChat 製品ページへのジャンプ インターフェイスを開発する方法

WeChat ストア インターフェイスは、WeChat によって認定されたサービス アカウントによって承認される必要があります。サブスクリプション アカウントには権限がありません。

WeChatストア

WeChat製品ページインターフェースにジャンプします

wx.openProductSpecificView({

ProductId: '', // 製品id

viewType: '' // 0 。デフォルト値、通常の製品詳細ページ 1. 製品詳細ページをスキャン 2. 製品詳細ページを保存

---

c1278afe718a7ce3e6a1832312c078fa 2cacc6d41bbb37262a98f745aa00fbf0

< ;script src="http://libs.baidu.com/jquery/2.0.0/jquery。 js">2cacc6d41bbb37262a98f745aa00fbf0 jweixin-1.1.0.jsはWeChatを呼び出すためのjsapiライブラリを導入する必要があります。2行目は今回はjqueryを使用しているため、jqueryライブラリを導入しています。次に、インターフェイス スタイルが導入されています。いくつかのセクションのインターフェイス ケース スタイルはあまりにも醜いので、このケースはインターフェイスを美しくします。

482ea54b0f6e04db04d7491170b76131

Tハード、 HTML コード

<center><h3>欢迎来到微信jsapi测试界面-V型知识库</h3></center>
    <p class="lbox_close wxapi_form">
     <h3 id="menu-shopping">微信小店接口</h3>
      <span class="desc">跳转微信商品页接口</span>
      <button class="btn btn_primary" id="openProductSpecificView">openProductSpecificView</button>
     </p>

4 番目に、3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 の間に WeChat jsapi ライブラリを初期化します。インターフェイス 関数 を追加します。 最後の項目は、WeChat ストア インターフェイスと呼ばれる関数です。それ以外の場合、WeChat ストアの WeChat 製品にジャンプする関数です。ページをアクティブ化できません。 6番目、完全なJSPページコード、リーダーは直接コピーして実行できます

wx.config({  
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。  
    appId: '${appId}', // 必填，公众号的唯一标识  
    timestamp: '${ timestamp}' , // 必填，生成签名的时间戳  
    nonceStr: '${ nonceStr}', // 必填，生成签名的随机串  
    signature: '${ signature}',// 必填，签名，见附录1  
    jsApiList: ['checkJsApi',
                'chooseImage',
                'previewImage',
                 'uploadImage',
                 'downloadImage',
                  'getNetworkType',//网络状态接口
                  'openLocation',//使用微信内置地图查看地理位置接口
                  'getLocation', //获取地理位置接口
                  'hideOptionMenu',//界面操作接口1
                  'showOptionMenu',//界面操作接口2
                  'closeWindow' ,  ////界面操作接口3
                  'hideMenuItems',////界面操作接口4
                  'showMenuItems',////界面操作接口5
                  'hideAllNonBaseMenuItem',////界面操作接口6
                  'showAllNonBaseMenuItem',////界面操作接口7
                  'scanQRCode',// 微信扫一扫接口
                  'openProductSpecificView'//微信小店
               ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2  
});

上記のJSPコードには4つのパラメータがあり、これらの4つのパラメータは成功した呼び出しですjsapi の資格情報は、appId (必須、公開アカウントの一意の ID)、タイムスタンプ (必須、署名生成のタイムスタンプ)、 nonceStr (必須、署名を生成するためのランダムな文字列)、signature (必須、署名)、これら 4 つのパラメーターの生成方法がわからない読者は、このページの左上隅にあるメニューを確認してください。詳細な説明が記載されています。 , ここでは詳しく説明する必要はありません。

以上がWeChat ストアの WeChat 製品ページへのジャンプ インターフェイスを開発する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。