小程序 打开第三方网页(网址或站点)

打印 上一主题 下一主题

主题 1016|帖子 1016|积分 3048

序:这个需求很久之前就写过一个小demo,打开自己的网站;到如今都忘记了微信的性子了,不能跳出到浏览器去访问,只能在内部打开,又走了一次老路,记载一下吧,算给自己留个疤!
(目前小程序内嵌网页能力暂不开放给个人类型账号和小游戏账号)
必需条件:

1、小程序的微信认证主体类型为公司,不能为个人;
2、你的第三方网站必须是安全的 https;
3、第三方网站的服务器可以放置查验文件,才可以;(第三方网站是公共平台的,真要去实现,让老板去收购它)
4、精确配置好校验文件后,去添加业务域名,开发者登录小程序后台 微信公众平台,选择开发管理->开发设置->业务域名,点击新增,按照要求配置业务域名。
获取配置校验文件和配置业务域名

 开发者登录小程序后台 微信公众平台,选择开发管理->开发设置->业务域名

校验文件配置好就可以添加业务域名,它们在同一个地方;
小程序页面(web.js 和 web.wxml),
  1. onLoad(options) {
  2.     let urlPath = "https://domain.com";
  3.     if(Object.keys(options).length > 0){
  4.         const map = {
  5.             1: "https://domain.com?id=123",
  6.             2: "https://domain.com?id=234",
  7.             3: "https://domain.com?id=345",
  8.             4: "https://domain.com?id=456",
  9.             5: "https://domain.com?id=567",
  10.             6: "https://domain.com?id=678",
  11.         };
  12.         urlPath = map[options.num];
  13.     }
  14.     this.setData({
  15.       url: urlPath,
  16.     })
  17. },
复制代码
  1. <web-view src="{{url}}"></web-view>
复制代码
东西都比较简单,就是过程有点绕,不熟悉的话要找来找去,熟悉后几分钟(固然是服务器的站点是现成的和小程序也是存在了的);
主要是条件都要符合它们的要求才行,缺一不可!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

玛卡巴卡的卡巴卡玛

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表