小程序web-view访问第三方网站
优采云 发布时间: 2020-08-13 15:31总的来说,
有两种方式实现webview中显示第三方网页。
一、 把他人的域名添加到小程序业务域名
这种方式须要把一个验证文件上传到第三方网站的服务器,
如果你跟第三方网站有业务来往,
你的产品或服务信息是置于第三方网站,
可以跟第三方平台沟通,
让其帮你上传验证文件。
这个技巧要求第三方网站符合小程序业务域名的要求,
1-1) 网站必须备案
1-2) 网站必须是https类型
猛击这儿,
观看《小程序添加业务域名》视频
如果你跟第三方网站没有业务,
只能使用第二种方式
二、 采集下载第三方的网页
这个方式对开发能力要求很高,
要求你会写采集程序。
猛击这儿,
观看《php爬虫采集海量网页》视频
2-1) 采集第三方信息
使用采集程序,
精确猎获第三方网页信息,
然后展示到你的小程序里。
2-3) 下载他人的网页内容
如果你要把他人的网页,
完成的显示到你的小程序里,
需要把他人的网页下载到你的web服务器,
然后通过你的网站域名访问。
下载网页的主要步骤如下
2-3-1) 获取网页代码
首先通过采集程序,
把第三方网页的html源代码获取到,
这一步比较简单。
2-3-2) 下载静态文件
根据html源码中,
把网页用到的静态文件下载到你的web服务器,
主要包括:
a) 图片
b) 样式文件
c) js脚本文件
2-3-3) 把网页代码中静态文件的地址,网址替换为你的域名
这一步须要处理静态文件的位置,
有些使用相对路径,
有些使用绝对路径,
你须要把它们改为相对你网站的路径。
通过前面的步骤,
就能在小程序web-view中显示第三方网页内容了,
即使第三方网站没备案,不是https类型也就能实现。
三、 小结
通过前面的详尽,
可以看出要在web-view里显示他人的网页,
对开发技术要求很高,
实现上去很复杂,
而且性能损失也很大,
不到万不得已,
千万不要使用。
设置web-view的业务域名——小程序web-view中级用法1
小程序使用web-view打开h5网页——小程序web-view中级用法2
微信web-view中级用法介绍——小程序web-view中级用法3
小程序web-view JSSDK配置文件说明——小程序web-view中级用法4
web-view的h5页面设置jssdk选项——小程序web-view中级用法5
小程序web-view打开网页demo实例——小程序web-view中级用法6
微信web-view用wx.getNetworkType获取网路状态——小程序web-view中级用法7
web-view调用wx.scanQRCode微信扫一扫——小程序web-view中级用法8
h5网页跳转到陌陌小程序——小程序web-view中级用法9
wev view h5页面传递参数给小程序——小程序web-view中级用法10
webview调用微信支付——小程序web-view中级用法11
webview实现支付后的业务逻辑处理——小程序web-view中级用法12
微信web-view动态显示h5网页——小程序web-view中级用法13
微信webview分享h5网页——小程序web-view中级用法14
微信web-view优缺点,什么时候使用webview——小程序web-view中级用法15