手机微信html5网页页面启用第3方向置导航栏的示

日期:2021-02-23 类型:科技新闻 

关键词:小程序和公众号区别,小程序生成二维码,小程序前端框架,小程序开发商排名,小程序码

手机微信h5网页页面拉起第3方导航栏运用

必须提前准备的:

  1. 根据手机微信验证的群众号
  2. 有办理备案过的网站域名

情况:手机微信群众号点一下工具栏跳到h5网页页面,必须用到导航栏作用

要求:当客户点一下导航栏按钮时,自动跳转到第3方app开展导航栏

参照:手机微信群众号开发设计文本文档

流程:

在必须启用JS插口的网页页面引进以下JS文档,(适用https):http://res.wx.qq.com/cgi-bin/index?lang=zh_CN

jssdk的签字管理权限,这个管理权限是由后台管理出示的,前端开发只必须把签字管理权限引入到wx.config中便可以了,坚信用过手机微信别的api的这1步都可以以省了

       ```
       wx.config({
           debug: true, // 打开调节方式,启用的全部api的回到值会在顾客端alert出来,若要查询传入的主要参数,能够在pc端开启,主要参数信息内容会根据log打出,仅在pc端时才会复印。
           appId: '', // 必填,群众号的唯1标志
           timestamp: , // 必填,转化成签字的時间戳
           nonceStr: '', // 必填,转化成签字的任意串
           signature: '',// 必填,签字
           jsApiList: ['openLocation'] // 必填,必须应用的JS插口目录 这里填写必须用到的手机微信api openlocation为应用手机微信内嵌地形图查询部位插口
       });
       ```

这里必须留意的地区debug在上线后要改成false,jsApiList里要填你要应用的插口,要不然沒有功效

给导航栏按钮申请注册点一下恶性事件,启用wx.openLocation方式

$('.btn2').click(function () {
            wx.openLocation({
                latitude: 22.545538, // 纬度,浮点数,范畴为90 ~ ⑼0
                longitude: 114.054565, // 经度,浮点数,范畴为180 ~ ⑴80。
                name: '这里填写部位名', // 部位名
                address: '部位名的详细信息表明', // 详细地址详细信息表明
                scale: 10, // 地形图放缩级別,整形值,范畴从1~28。默认设置为最大
            });
        })

点一下后会自动跳转到手机微信的部位网页页面,点一下右下角的导航栏就可以拉起第3方的导航栏拉!

5.手机微信用的是gcj02的座标,一些地形图用的是wgs84的座标,假如出現偏差较为大,能够考虑到是否传入的经纬度难题,实际的能够问度娘

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。