HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题

需求催动此篇博客的诞生

项目背景

之前也没写过小程序但是看过之后都是现成的api 简单 易懂 唯一就是会有很多坑要去踩 以为要写原生小程序 但是 是我想多了 公司 是要节约开发 成本 那么就衍生了H5嵌入小程序这个操作

必须的

1、要去申请一个小程序测试号要配置域名用
2、然后准备一套自己写的项目 测试用

代码部分

index.w XM l文件

<web-view src="{{url}} # wec hat _ red irect">
</web-view>

#wechat_redirect 在ios页面出现空白页面的问题加一个这个
index.js文件

data:{
  url: 'http://s2g6uk.natappfree.cc/#/home',
},
onShow: function () {
  this.setData({
    url: `http://s2g6uk.natappfree.cc/#/home?flag=${Math.random()}`
  })
}

在onShow地址重新给赋值一个随机数 保持加载最新的页面

vue 页面

页面的所有的跳转页面都要用到小程序 web-view 开放的跳转
web-view网页中可使用 JSSDK 1.3.2 提供的接口返回小程序页面
在页面引入这个js文件

// 微信跳转下一个页面
  goNextPage (pageN am e) {
    wx.mini PR ogram.@R_ 512 _533@To({
      url: `/pages/webview/webview?weburl=${window.location.ori gin }/#/${pageName}`
    })
  }

这样写就完全ok的 小程序编辑器 跳转之后返回是会有点问题 但是可以真机调试一下 在真机是完全没问题的

我本地调试是本地起了一个项目 然后用natapp 生成了一个域名 配置上去

总结

到此这篇关于 HTML5页面 嵌入小程序没有返回按钮及返回页面空白的问题的 文章 就介绍到这了,更多相关ht ML 5 嵌入小程序没有返回按钮页面空白内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

总结

以上是 为你收集整理的 HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题 全部内容，希望文章能够帮你解决 HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题的详细内容...