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

序:这个需求很久之前就写过一个小demo,打开自己的网站;到现在都忘记了微信的性子了,不能跳出到浏览器去访问,只能在内部打开,又走了一次老路,记录一下吧,算给自己留个疤!

(目前小程序内嵌网页能力暂不开放给个人类型账号和小游戏账号)

必需条件:

1、小程序的微信认证主体类型为公司,不能为个人

2、你的第三方网站必须是安全的 https

3、第三方网站的服务器可以放置检验文件,才可以;(第三方网站是公共平台的,真要去实现,让老板去收购它)

4、正确配置好校验文件后,去添加业务域名,开发者登录小程序后台 微信公众平台,选择开发管理->开发设置->业务域名,点击新增,按照要求配置业务域名。

获取配置校验文件和配置业务域名

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

校验文件配置好就可以添加业务域名,它们在同一个地方;

小程序页面(web.js 和 web.wxml),

 onLoad(options) {
    let urlPath = "https://domain.com";
    if(Object.keys(options).length > 0){
        const map = {
            1: "https://domain.com?id=123",
            2: "https://domain.com?id=234",
            3: "https://domain.com?id=345",
            4: "https://domain.com?id=456",
            5: "https://domain.com?id=567",
            6: "https://domain.com?id=678",
        };
        urlPath = map[options.num];
    }
    this.setData({
      url: urlPath,
    })
 },
<web-view src="{{url}}"></web-view>

东西都比较简单,就是过程有点绕,不熟悉的话要找来找去,熟悉后几分钟(当然是服务器的站点是现成的和小程序也是存在了的);

主要是条件都要符合它们的要求才行,缺一不可!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逸曦穆泽

您的鼓励是我的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值