vue文件转换为小程序页面,vue 跳转小程序
vue项目-h5跳转小程序
根据微信的开放标签wx-open-launch-weapp可以实现从h5页面跳转小程序的需求
微信文档地址:
一、安装weixin-js-sdk
版本要求1.6.0
二、config注入
三、页面引入
四、vue报错
vue会显示wx-open-launch-weapp组件未注册
在main.js中加入
五、效果展示
如何将基于VUE2.0开发的页面打包成app
可以试用cordova框架呀,将vue项目打包成dist文件夹后,配置好cordova框架的东西,直接运行cordova build 就可以了。 配置这种东西看官网就得了
H5跳转微信小程序
Tips:
Tips:
1、vue2中
2、vue3中,有vue.config.js 的 非vite 项目
3、vue3中,有 vite.config.js 的 vite 项目
4、让后台配合给一个接口,获取微信的config参数
比如node 后台 可参照 node 获取微信签名并使用jssdk
其它语言的随便搜搜都有~
Tips
5、使用开放标签
vue2 中
vue3 中
Tips
由于短信引流成本低,很多公司都使用这样的方式去吸引流量,核心是获取URL Scheme
可查阅 微信官方文档
太长不想看?
核心几点如下:
Tips
如果你这个模板只服务一个短信链接,完全可以写死跳转的url,但是你想搞成通用的,可以像我上面这样封装下,根据类型去不同的小程序。然后URL Scheme也可以向后台实时获取新的,确保这个中间页的链接是有效的。
由于不再支持永久有效,IOS也走中间页,在中间页动态获取有效的URL Scheme实现跳转
缺点:
这样后台要开发接口配合你来获取该链接,且你的h5地址如果很长,最好能生成短链,这样放在短信中不至于太长。
无公众号直接使用小程序身份开发网页并免鉴权跳转小程序?可以吗?
可以参考 官方文档