当前位置:   article > 正文

小程序内嵌H5遇到的坑_小程序内嵌 h5的坑

小程序内嵌 h5的坑

项目场景:

        甲方项目主程序是uniapp开发的,兼容ios、安卓、微信小程序三个端的一套代码,我司做了项目中的一个服务,但因为嵌入问题和代码权限问题,最终选择使用H5嵌入uniapp中。做这个H5遇到了不少的问题,大部分的精力都是在验证H5有没有实现某种功能的权限。

一、H5 分享小程序

需求: A小程序的H5中有一个分享产品的这么一个动作,点击分享产品,可以分享到微信群里,供用户购买;但是货主是甲方uniapp开发的项目,用户点击微信群里分享出来的链接,直接跳转到用户的B小程序里接订单;大致流程:A小程序里的H5页面,分享出去一个链接,用户点击这个链接需要跳转到B小程序,并做之后一些列的接单操作;所以分享出去的这个链接应该是去往B小程序的一个链接;
        微信其实是不允许这么做的,因为可能存在恶意引流问题;况且小程序内嵌的H5,不支持分享本页面以及分享小程序卡片功能,更不要说来实现分享一个别的小程序了;
所以有两种方法来解决这个问题:

1.1、不借助原生小程序,可满足小程序ios和安卓

        如果不借助原生小程序的话,仅仅依靠H5做分享,只能通过分享文字,以及短连接来生成分享码,类似于一条短信,复制好短信,短信里包含一个地址,这个地址就是B小程序的短连接即可。但是短链接只允许某一个用户使用,一个地址只允许1个用户被访问,所以这个分享出来的卡片无法被多个人点击。
在这里插入图片描述

copyContent(params, type = 'input') {
	const { param1 } = params
    value = `您有一笔新的订单,` + `点击查看详情
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/389522
推荐阅读
相关标签