下面内容小编就为大家带来一篇关于小程序web-view访问第三方网站,微信小程序webview调用别人网站内容——小程序web-view高级用法16。小编觉得挺不错的,现在就分享给大家,如果你在找微信webview,webview第三方,webview别人网页,也可以做个借鉴。一起跟随小编过来看看吧。
小程序web-view访问第三方网站,微信小程序webview调用别人网站内容——小程序web-view高级用法16
作者:小程序教员 发布时间:2018-03-02
通过学习小程序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的业务域名——小程序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声明:部分文章或图片未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知QQ:2334512685,我们会及时删除。
发布:秦子恒博客,欢迎转载分享,请保留出处。
小程序web-view访问第三方网站,微信小程序webview调用别人网站内容——小程序web-view高级用法16链接:https://www.qinziheng.com/details/5627/
小程序web-view访问第三方网站,微信小程序webview调用别人网站内容——小程序web-view高级用法16相关文章