微信小程序webview 内部h5页面跳转回原来的小程序页面（模块化和script两种方式）

2024-07-13 07:16| 来源: 网络整理| 查看: 265

公司是有这样的业务，就是分享出来的小程序页面是一个web-view承接的h5页面。这样在用户没有登录的情况下，想跳转外部小程序的登陆页面。这个时候就涉及到web-view往外部小程序页面的跳转的问题了

1 通过cdn方式，如果你的项目是直接通过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的地址

在这里插入图片描述其实好像并不是那么复杂但总觉得乖乖可能是我们吧问题思考复杂了

关注我持续更新前端知识

【本文地址】

公司简介

联系我们

微信小程序webview 内部h5页面跳转回 原来的小程序页面（模块化和script两种方式）

微信小程序webview 内部h5页面跳转回原来的小程序页面（模块化和script两种方式）