H5转小程序(h5转微信小程序工具)

网友投稿 2057 2023-04-18

本篇文章给大家谈谈H5转小程序,以及h5转微信小程序工具对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 今天给各位分享H5转小程序的知识,其中也会对h5转微信小程序工具进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

微信支持H5跳转App、跳转小程序

定义: 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或系统的能力,为微信用户提供更优质的网页体验

有哪些开放标签?

<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=1e=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、一个 h5 页面,包含四个文件。

2、因为运行环境的不同,为了在编译时和运行时对两者进行一些兼容操作,需要一份配置文件,如下所示。

3、编写一个构建脚本,起名为 build.js:

4、执行之前写的脚本。

5、这样就成功了。

木疙瘩导出的H5嵌入到微信小程序

需求H5转小程序:把木疙瘩中制作的H5导出并嵌入在微信小程序的webview中访问。
流程H5转小程序:部署好自己的服务器H5转小程序,并nginx开通https,一定记得小程序还需要开通业务域名。

但是最后小程序访问的时候还是报错:

这就奇怪H5转小程序了,明明访问的不是这个网址,为什么还会报这个错误。
通过浏览器访问发现的确偷偷访问了这个地址:

解决方法:
找到导出的木疙瘩H5源文件,找到关键词里有
https://card.mgd5.com/card/getMsuid.html 的字眼。
最后发现
mugeda_utils_0.2.96.js文件中把
g.src="//card.mgd5.com/card/getMsuid.html";改为g.src="";即可 关于H5转小程序和h5转微信小程序工具的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。 H5转小程序的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于h5转微信小程序工具、H5转小程序的信息别忘了在本站进行查找喔。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:一文搞懂并学会使用SpringBoot的Actuator运行状态监控组件的详细教程
下一篇:HelloSpringMVC配置版实现步骤解析
相关文章

 发表评论

暂时没有评论,来抢沙发吧~