通过学习小程序web-view高级用法,
你已经能够在小程序web-view组件中嵌入你的网页内容,
调用微信支付,
但是一些同学仍然不满足,
给子恒老师留言说“怎么在小程序web-view里调用第三方网站”
“怎么在微信web-view中显示别人的网页,比如百度之类的”
我们知道,
小程序web-view是无法显示第三方网站的,
但是即使有这么多人问到这类问题,
子恒老师就跟你分享下实现的方法,
总的来说,
有两种方法实现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高级用法,JSSDK 1.3.2开发说明
小程序web-view中用wx.getNetworkType获取用户网络状态
web-view h5页面中实现小程序支付——小程序web-view高级用法11
下载视频课件和源代码
微信开发QQ群:274952558