ios 系统把微信小程序添加到桌面的方法如下:
1、在微信里点击打开小程序。
2、进入小程序后,点击想要添加桌面的小程序。
3、进入指定的小程序后,点击右上角的图标。
4、在d出的对话窗内点击“添加桌面”。
5、然后返回手机桌面就可以看到已经添加到桌面了。
定义: 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或系统的能力,为微信用户提供更优质的网页体验
有哪些开放标签?
<wx-open-launch-weapp> 打开小程序
<wx-open-launch-app> 打开app
接入要求
主体要求: 仅开放给已认证的服务号
系统要求:
微信版本要求为:7.0.12及以上。系统版本要求为:iOS 10.3及以上、Android 5.0及以上
接入方法
打开小程序使用步骤与微信JS-SDK类似,需要绑定安全域名、引入JS文件等步骤
打开app需要前往微信开放平台的管理中心-公众账号或小程序详情-接口信息-网页跳转移动应用-关联设置中绑定所需要跳转的App
示例:
配置最新JSSDK
wx.config({
// 其它配置不变, openTagList配置可使用的开放标签,
openTagList: ['wx-open-launch-app, wx-open-launch-weapp']
})
页面使用开放标签
打开小程序
id="launch-btn"
// 小程序id
username="gh_xxxxxxxx"
// 小程序路径
path="/a/b/c?d=1&e=2#fg"
>
.btn { padding: 12px }
打开小程序
打开app
id="launch-btn"
// 移动应用appid
appid="your-appid"
// 额外信息, 客户端自行解析
extinfo="your-extinfo"
>
.btn { padding: 12px }
App内查看
回调
var btn = document.getElementById('launch-btn')
// 调起成功回调
btn.addEventListener('launch',function(e) {
console.log('success')
})
// 调起失败回调
btn.addEventListener('error',function(e) {
console.log('fail', e.detail)
})
H5跳转小程序 。
1登录 微信公众平台 进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
2这个JS接口安全域名就是访问你H5地址的域名。
3通过config接口注入权限验证配置并申请所需开放标签( 签名算法 )
如果上面 *** 作都没有问题 那么打开页面会显示这样的界面
这里可以看到config配置都加载出来了,但是按钮没有显示
直接用手机打开这个网页
好的,测试成功。
有的<template>这个标签不显示换成<script type="text/wxtag-template">这个试试
如果按钮手机上不显示 检查下config是否载入 检查APPID是否是对应的服务号,检查JS安全域名是否配置了你的H5域名地址。
如果出现图上这样的问题:需要确认一下,微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。
此标签id为小程序的原始ID,path为小程序的页面地址后面必须加.html,上面这个地址是我跳转小程序直播间,亲测成功。
你可以跳转任意小程序,只需要知到他页面地址。页面地址的获取方法:
我这里以QQ音乐小程序为例。
1.第一步把该小程序添加到我的小程序
2.第二部点击名称 查看更多资料获取到原始ID和APPID
3.进入小程序后台,点击工具获取小程序码,把刚刚得到的APPID放进去
4.点击获取更多页面路径,把自己的微信号填进去,点击开启。然后回到QQ音乐小程序,点击右上角三个点,你会发现多了个复制链接。
pages/home/home.html 这个就是获取到QQ音乐的页面链接。
然后我们把原始ID和这个链接填入到刚刚H5标签内,就可以跳转到QQ音乐了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)