微信小程序webview-内部h5页面跳转回-原来的小程序页面模块化和script两种方式
目录
微信小程序webview 内部h5页面跳转回 原来的小程序页面（模块化和script两种方式）
公司是有这样的业务，就是分享出来的小程序页面是一个web-view承接的h5页面。 这样在用户没有登录的情况下，想跳转外部小程序的登陆页面。
这个时候就涉及到web-view往外部小程序页面的跳转的问题了
1 通过cdn方式，如果你的项目是直接通过script的方式引入脚本的话
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
js 代码
// 写上url即可
jWeixin.miniProgram.redirectTo({url: '/pages/index/index'})2 通过es module的方式引入
安装一个依赖
yarn add weixin-js-sdk --save
or
npm install weixin-js-sdk --save我这里还是通过vue的项目模拟的
import wx from "weixin-js-sdk"
export default {
name: "App",
setup() {
console.log(wx)
},
methods: {
backMini() {
wx.miniProgram.redirectTo({url: '/pages/index/index'})
}
},
};我们看下 效果哈
小程序中我注册了一个页面专门用来承接h5的地址
<web-view src="http://192.168.31.56:8080/" />
其实好像并不是那么复杂 但总觉得乖乖 可能是我们吧问题思考复杂了
关注我 持续更新 前端知识