小程序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

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线