So entwickeln Sie eine WeChat-Store-Jump-Schnittstelle zur WeChat-Produktseite-WeChat-Entwicklung-php.cn

So entwickeln Sie eine WeChat-Store-Jump-Schnittstelle zur WeChat-Produktseite

高洛峰

Freigeben： 2017-03-26 14:25:30

Original

2769 Leute haben es durchsucht

Die WeChat-Shop-Schnittstelle muss von einem WeChat-zertifizierten Dienstkonto autorisiert werden. Abonnementkonten haben keine Berechtigung.

WeChat Store

Zur Benutzeroberfläche der WeChat-Produktseite springen

wx.openProductSpecificView({

productId: '', // 商品id

viewType: '' // 0.默认值，普通商品详情页1.扫一扫商品详情页2.小店商品详情页

});

wx.openProductSpecificView({

productId: '', // Produkt-ID viewType: '' // 0. Standardwert, normale Produktdetailseite 1. Scannen Sie die Produktdetailseite 2 . Produktdetailseite speichern

});

Erstellen Sie zunächst ein neues

jsp

Seite und stellen Sie die js-Bibliothek vor

<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>

Nach dem Login kopieren

< /td >

jweixin-1.1.0.js ist eine Bibliothek, die WeChat jsapi aufruft, also muss sie importiert werden. Die zweite Zeile besagt, dass in diesem Fall jquery verwendet wird Zweitens führt die JQuery-Bibliothek Schnittstellenstile ein, die in mehreren Abschnitten zu hässlich sind.

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

Nach dem Login kopieren

Drittens der HTML-Code zwischen

Viertens initialisieren Sie die WeChat-JSAPI-Bibliothek zwischen <script></script>, um eine Schnittstellen-

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


  
    
    
    微信jsapi测试-V型知识库
    
    
    
   
    
  
  
   <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>
     
     
微信扫一扫
      调起微信扫一扫接口
      
      
     界面操作接口


      隐藏右上角菜单接口

      

      显示右上角菜单接口

      

      关闭当前网页窗口接口

      

      批量隐藏功能按钮接口

      

      批量显示功能按钮接口

      

      隐藏所有非基础按钮接口

      

      显示所有功能按钮接口

      

      基础接口之判断当前客户端是否支持指定的js接口   
     

     地理位置接口-使用微信内置地图查看位置接口

      

      地理位置接口-获取地理位置接口

      

     获取网络状态接口

      

      图像接口
      拍照或从手机相册中选图接口

      

      预览图片接口

      

      上传图片接口

      

      下载图片接口

      

  

  显示图片

Nach dem Login kopieren

Funktion

hinzuzufügen Im jsApiListArray ist das letzte Element die Funktion, die wir zum Aufrufen der WeChat-Store-Schnittstelle verwenden. Diese Funktion muss in der jsapi-Bibliothek initialisiert werden, andernfalls die Funktion des WeChat-Stores, um zur WeChat-Produktseite zu springen kann nicht aktiviert werden. Sechstens kann der Leser den vollständigen JSP-Seitencode direkt kopieren und ausführen Der obige JSP-Code enthält vier Parameter. Diese vier Parameter sind der erfolgreiche Aufruf WeChat jsapi Die Anmeldeinformationen sind appId (erforderlich, die eindeutige Kennung des offiziellen Kontos), Zeitstempel (erforderlich, der Zeitstempel zum Generieren der Signatur), nonceStr (erforderlich, zufällige Zeichenfolge zum Generieren der Signatur), Signatur (erforderlich, Signatur). Für Leser, die nicht wissen, wie diese vier Parameter generiert werden, sehen Sie sich bitte das Menü in der oberen linken Ecke dieser Seite an, das eine detaillierte Einführung enthält , hier Keine Notwendigkeit, näher darauf einzugehen.

Das obige ist der detaillierte Inhalt vonSo entwickeln Sie eine WeChat-Store-Jump-Schnittstelle zur WeChat-Produktseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!