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

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>

< /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: '${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  
});

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+"/";
%>


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

     
微信扫一扫
      调起微信扫一扫接口
      scanQRCode(微信处理结果)
      scanQRCode(直接返回结果)
     
界面操作接口


      隐藏右上角菜单接口

      hideOptionMenu

      显示右上角菜单接口

      showOptionMenu

      关闭当前网页窗口接口

      closeWindow

      批量隐藏功能按钮接口

      hideMenuItems

      批量显示功能按钮接口

      showMenuItems

      隐藏所有非基础按钮接口

      hideAllNonBaseMenuItem

      显示所有功能按钮接口

      showAllNonBaseMenuItem

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

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

      openLocation

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

      getLocation

     获取网络状态接口

      getNetworkType

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

      chooseImage

      预览图片接口

      previewImage

      上传图片接口

      uploadImage

      下载图片接口

      downloadImage

  

  显示图片
  

  
  

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!