小程序webview访问第三方网站

发布时间:2018-03-02

特惠:198元,就能观看子恒老师所有视频,下载源码

猛击这里加客服QQ:2334512685了解

新会员福利:免费学微信开发1-10中任一课程 点击查看

通过学习小程序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里显示别人的网页,

对开发技术要求很高,

实现起来很复杂,

而且性能损失也很大,

一般不推荐使用。

来源:秦子恒小程序平台,欢迎转载分享,请保留出处

小程序webview访问第三方网站 链接:https://211.qinziheng.com/lesson/605/

购买课程

小程序webview访问第三方网站同系列课程

设置web-view的业务域名

小程序使用web-view打开h5网页

小程序web-view高级用法,JSSDK 1.3.2开发说明

小程序web-view打开网页demo实例

小程序web-view JSSDK配置文件说明

对web-view的h5页面进行JSSDK配置

小程序web-view中用wx.getNetworkType获取用户网络状态

小程序web-view调用微信扫一扫功能

h5页面跳转到小程序

web-view h5页面传递参数给小程序

web-view h5页面中实现小程序支付——小程序web-view高级用法11

webview实现微信支付后的处理方法

小程序web-view动态显示h5网页

微信web-view分享h5网页

微信web-view优缺点

小程序webview访问第三方网站

小程序web-view中支持哪些微信支付方式

小程序web-view使用cookie要注意的地方

小程序web-view中获取到的openid与小程序获取的openid是一样的吗

失效-小程序如何在web-view打开唤起微信支付

购买课程

小程序webview访问第三方网站点评