小程序中使用web-view链接H5网页

##加粗样式小程序中使用web-view链接H5网页

1、小程序中，封装统一的接口请求方法（以便在每个接口中都携带 cookie，放在 header 中）；const request = parameter => {//url必填项if (!parameter || parameter == {} || !parameter.url) {console.log('Data request can not be executed without URL.');return false;} else {var murl = parameter.url;var headerCookie = wx.getStorageSync('cookie');//判断是否有独自cookie请求var selfCookie = parameter.selfCookie;selfCookie && (headerCookie += selfCookie);wx.request({url: murl,data: parameter.data || {},header: {// 'Content-Type': 'application/x-www-form-urlencoded','Cookie': headerCookie},method: parameter.method || 'POST',success: function(res) {parameter.success && parameter.success(res);},fail: function(e) {parameter.fail && parameter.fail(e);// console.log(e.errMsg);wx.showToast({title: '网络信号较差',icon: 'loading',duration: 3000});},complete: function() {parameter.complete && parameter.complete();}});}}2、小程序中，当用户成功登录之后，保存当前cookie；utils.request({url: url,data: {},success: (res) => {wx.setStorageSync('cookie', res.header["Set-Cookie"]);}
});3、在<web-view></web-view> 内嵌 H5 的页面，获取已保存的 cookie 值，使用 url 拼接的方式传给 H5 页面；// <web-view> 页面模板
<view><web-view src="{{url}}" ></web-view>
</view>//cookie 处理let value = wx.getStorageSync('cookie')，cookie_vl;if (value) {cookie_vl= value.match(new RegExp("(^| )"+"jxi-m-sid"+"=([^;]*)(;|$)"))[2] ;}// 处理 url，拼接 cookie 值this.setData({url: `${this.data.url}?${cookie_vl}`});4、在H5中的处理方法是： 获取 cookie 值并写入。
let cookie = window.location.href.split('?')[1];document.cookie = `jxi-m-sid=${cookie};domain=${host};path=/`;

小程序中使用web-view链接H5网页相关推荐

小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder) 如果不知道如 ...
小程序接入h5页面_小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)...
背景有时候,因为业务需求,在小程序当中,需要跳转到 h5 网页,或跳转到公众号,形成流量的闭环,那在小程序当中怎么实现呢? 实例效果前提条件该小程序与需要跳转至的公众号(订阅号/服务号)进行了绑定 ...
微信小程序中嵌套html_微信小程序中使用 web-view 内嵌 H5 时，登录问题的处理方法...
在微信小程序的开发中,经常遇到需要使用内嵌 H5 的需求.在这种需求中比较棘手的问题应该就是登录状态的判断了,小程序中的登录状态怎样与H5中的登录状态保持一致? 一般来说,后端开发同事多数会要求我们 ...
微信小程序中嵌套html_微信小程序：web-view嵌套H5实现微信支付功能解决方案及填坑...
ab7117c7d4947210c39e126a01d23ede.jpg 最近一个多月加班比较严重,偶尔休息一天也是在补睡眠+陪家人,比较长时间没有来进行总结记录了.今天不加班,开始为这段时间做的东西 ...
微信小程序中使用SVG
最近在作一个微信小程序的项目,需要使用svg引入矢量图标,总结一下svg在小程序中的使用. SVG 简介什么是SVG SVG是"Scalable Vector Graphics" ...
微信小程序云开发--实现微信小程序中访问外部h5网页
小程序中需要在一些位置添加广告,链接到外部的h5网页. 整体实现思路:定义一个广告组件,一个用来展示外部网页的page outUrl, 在组件中使用wx.navigateTo()等跳转到页面outUr ...
微信小程序中view和html中div,WXML:微信小程序版HTML
WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. 3.7.1 标签与属性常用基础标签text view 特征: tex ...
微信小程序中多个button/view组件中进行切换时改变样式
在小程序项目中遇到一个问题:数据分成四五个小组,然后要进行小组切换,切换的同时把button的样式也要改变,以前Dom操作的时候特别简单, 现在在小程序中竟不知从何下手,后面参照了这边博文:http: ...
在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之支付宝
在h5页面中调起支付宝小程序中的某一个页面直接上代码: window.location.href = 'alipays://platformapi/startapp?appId=2021001181 ...

小程序中使用web-view链接H5网页

小程序中使用web-view链接H5网页相关推荐

最新文章

热门文章