Die H5-Seite von WeChat ruft die Standortnavigation von Drittanbietern auf

Dieses Mal zeige ich Ihnen die Navigation einer WeChat H5-Seite, die einen Drittanbieterstandort aufruft. Was sind die Vorsichtsmaßnahmen für eine WeChat H5-Seite, die einen Drittanbieterstandort aufruft? Party-Standort-Navigation? Das Folgende ist ein praktischer Fall.

WeChat h5-Seite startet Navigationsanwendung eines Drittanbieters

Vorbereitung erforderlich:

1. Von WeChat zertifiziertes öffentliches Konto

2. Ein registrierter Domainname

Hintergrund: Klicken Sie auf das offizielle WeChat-Konto, um zur h5-Seite zu springen. Sie müssen die Navigationsfunktion verwenden

Voraussetzung: Wenn ein Benutzer auf die Navigationsschaltfläche klickt, springen Sie zur Navigation zur Drittanbieter-App

Referenz: Dokumentation zur Entwicklung des öffentlichen WeChat-Kontos

Schritte:

Einführen Folgen Sie JS auf der Seite, die die JS-Schnittstellendatei aufrufen muss (unterstützt https): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN

Die Signaturberechtigung von jssdk, diese Berechtigung wird vom Backend bereitgestellt, das Frontend muss nur die Signaturberechtigung in wx.config einfügen. Ich glaube, dieser Schritt kann weggelassen werden, wenn Sie andere WeChat-APIs verwendet haben Hier ist zu beachten, dass debug nach dem Online-Gehen auf false geändert werden sollte, jsApiList Sie müssen die Schnittstelle ausfüllen, die Sie verwenden möchten, sonst hat es keine Auswirkung

       "
       wx.config({
           debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
           appId: '', // 必填，公众号的唯一标识
           timestamp: , // 必填，生成签名的时间戳
           nonceStr: '', // 必填，生成签名的随机串
           signature: '',// 必填，签名
           jsApiList: ['openLocation'] // 必填，需要使用的JS接口列表 这里填写需要用到的微信api openlocation为使用微信内置地图查看位置接口
       });
       "

Registrieren Sie das Klick-

-Ereignis für Klicken Sie auf die Navigationsschaltfläche

und rufen Sie die wx.openLocation-Methode auf

Sie springt nach dem Klicken. Gehen Sie zur WeChat-Standortseite und klicken Sie auf die Navigation in der unteren rechten Ecke, um den Drittanbieter aufzurufen Navigation!

$('.btn2').click(function () {
            wx.openLocation({
                latitude: 22.545538, // 纬度，浮点数，范围为90 ~ -90
                longitude: 114.054565, // 经度，浮点数，范围为180 ~ -180。
                name: '这里填写位置名', // 位置名
                address: '位置名的详情说明', // 地址详情说明
                scale: 10, // 地图缩放级别,整形值,范围从1~28。默认为最大
            });
        })

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Front-End-Technologie ermöglicht die Überlagerung von Texttexturen

h5 ermöglicht das Hochladen und Klicken einer Vorschau mehrerer Bilder -zum Ziehen Ziehen Sie das Steuerelement

Das obige ist der detaillierte Inhalt vonDie H5-Seite von WeChat ruft die Standortnavigation von Drittanbietern auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!