分享主题:linux,nginx,php,mysql

小程序web-view访问第三方网站,微信小程序webview调用别人网站内容——小程序web-view高级用法16

web-view 0评论 现在加入小程序俱乐部QQ群:483987340

通过学习小程序web-view高级用法,
你已经能够在小程序web-view组件中嵌入你的网页内容,
调用微信支付,

但是一些同学仍然不满足,
给子恒老师留言说“怎么在小程序web-view里调用第三方网站”
“怎么在微信web-view中显示别人的网页,比如百度之类的”

我们知道,
小程序web-view是无法显示第三方网站的,
但是即使有这么多人问到这类问题,
子恒老师就跟你分享下实现的方法,
总的来说,
有两种方法实现webview中显示第三方网页。

third第三方

一、 把别人的域名添加到小程序业务域名

这种方法需要把一个验证文件上传到第三方网站的服务器,
如果你跟第三方网站有业务来往,
你的产品或服务信息是放在第三方网站,
可以跟第三方平台沟通,
让其帮你上传验证文件。

这个方法要求第三方网站符合小程序业务域名的要求,
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

秦子恒公众号

来源:秦子恒博客,欢迎转载分享,请保留出处

小程序web-view访问第三方网站,微信小程序webview调用别人网站内容——小程序web-view高级用法16链接:https://www.qinziheng.com/web-view/5627.htm

现在就加入微信开发QQ群2:483987340,跟同行探讨微信公众平台开发。群满就关闭,你得等到下一个群开通才能加入……

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址