ios 系统怎么把微信小程序添加到桌面

ios 系统怎么把微信小程序添加到桌面,第1张

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音乐了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8044931.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存