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地址如果很长，最好能生成短链，这样放在短信中不至于太长。

无公众号直接使用小程序身份开发网页并免鉴权跳转小程序?可以吗?

可以参考 官方文档