微信小店介面必須經過微信認證的服務號碼才可以有權限調用,訂閱號碼無權限。
微信小店
跳轉微信商品頁介面
wx.openProductSpecificView({
productId: '', // 商品id ## viewType: '' // 0.預設值,一般商品詳情頁1.掃一掃商品詳情頁2.小店商品詳情頁});
|
第一、新
頁面,並引入js庫
|
6f25afc8d83036e65facf0e7a2f5191b 2cacc6d41bbb37262a98f745aa00fbf0
b07f76bd659b1b1ce8e3e06285e802292cacc6d41bbb37262a98f745aa00fbf0
jweixin-1.1. 0.js是呼叫微信jsapi的函式庫,所以必須引入,第二行是本案例使用了jquery,所以引入的是jquery庫第二、引入介面樣式,由於幾節介面案例樣式太難看,所以這次案例美化了一下介面。
#a50c724e1ee2a171eb429b0335ce61c1
第三、6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956之間的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>
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
});
|
##第四、3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0之間初始化微信jsapi庫新增介面
函數
jsApiList | 在陣列
中,最後一項就是我們呼叫微信小店介面的函數,此函數必須在jsapi函式庫中初始化,否則微信小店跳轉微信商品頁功能無法調起。
第六、完整的jsp頁面程式碼,讀者可直接複製執行
############################### ###rrreee###############上述jsp程式碼中有四個參數,這四個參數是成功呼叫微信jsapi的憑證,分別為appId(必填,公眾號碼的唯一識別),timestamp(必填,產生簽名的時間戳),
nonceStr(必填,產生簽署的隨機串) ,signature(必填,簽章),關於如何產生這四個參數,如果不知道的讀者,請查看本頁面左上角的選單,裡面有詳細介紹,在這裡不在累述。 ###
以上是微信開發小店跳轉微信商品頁介面的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!