小程序跳转1688<web-view>无效后的实现

web-view 跳转方式

1:这种方法需要在微信开发平台 -> 开发管理 -> 业务域名中配置好要跳转的网站域名;
2:基本上跳转的网址是第三方就不可以配置,因为配置需要在这个域名中的根目录上放你的验证文件;


	<web-view src="https://re.1688.com/"  bindmessage="onWebMessage bindload="onWebLoad" />

真机环境结果

在这里插入图片描述

使用 wx.navigateToMiniProgram 打开小程序方式

wx.navigateToMiniProgram官方文档链接
1:幸好阿里有在微信小程序上做了一个1688,而小程序打开小程序不需要去配置什么东西。

一:Appid跳转

   	//  方法中有一个path属性它是要跳转到打开的小程序中的那个页面,不写就是默认首页;
   	//  因为我无法得知要去的1688的某个页面的路径就只能是默认首页
    wx.navigateToMiniProgram({
    	appId: 'wxb7f1c5818585495e',  // 要跳转的小程序的AppID
    	success(res) {
         	console.log('跳转成功', res);
    	},
    	fail(err) {
       		console.log('跳转失败', err);
   		}
   });
一:查看第三方的小程序Appid;

1:随便点击一个小程序打开;
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

一:路径跳转

    wx.navigateToMiniProgram({
      shortLink: '#小程序://1688找工厂/waFW4loT5', //  链接可以通过【小程序菜单】->【复制链接】获取。
      success(res) {
        console.log('跳转成功', res);
      },
      fail(err) {
        console.log('跳转失败', err);
      }
    });
一:获取小程序路径(打开首页)

1:复制后的路径
#小程序://1688找工厂/JZbSZvsIbnfS52c
2:但是这样复制的路径只能打开首页,无法进入到你想要到的页面(门店中),即使你是在你想进入的页面中复制链接也是打开小程序后进入首页
在这里插入图片描述
在这里插入图片描述

一:获取小程序路径(可打开想进的页面)

复制的链接: #小程序://1688找工厂/4vK07Jp5dsh5JPk

1:先进入到你要的页面中,点击分享将这个页面分享。
2:点击分享的小程序,从这里进入到的小程序可通过复制链接进入到当前的页面

在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/1fe1354d793344a988d9196f65039cbf.png

在这里插入图片描述
在这里插入图片描述

体验版跳转展示

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值