H5页面：这是真正的网页应用，运行在通用浏览器中，各种浏览器虽然在细微上有所差别，但总的来说是一致的，微信浏览器同时也是一种通用浏览器，能够支持真正的网页应用。
因此我们才有可能在微信小程序和H5页面之间进行跳转，但这种跳转是受到微信浏览器的严格控制的，因此我们有必要了解这些控制包括哪些。
H5页面所在的域名：假设你需要调转的H5页面URL为https://www.mysite.com/h5page，那么这里所说的域名就是www.mysite.com，另外你没有看错，这个URL必须是https，如果你还没有为你的网站加上SSL，那么就先去申请一个证书吧（注意必须是公开申请的证书，不能是自签名的，微信不认哦！）
好了，这些都准备好了，让我们开始开发一个小例子。
由于web-view组件是一个全屏组件，不能和其它小程序组件合用，因此需要独立占据一个页面，所以我们到例子就是在小程序的A页面加一个链接，跳转到B页面，然后在B页面使用web-view组件来加载H5页面。
2）采用主流分布式Vue框架，时间未知，风险未知；
首先自我介绍下，本人是一名JAVA开发工程师，平时喜欢研究相关主流技术和挑战自己。对此我还是比较倾向于第二种解决方案，但是第二种解决方案无疑是最复杂，最耗时，最未知，风险最大。公司内没有人愿意承接。悄棚于是我抱着学习和研究的态度以及对主流技术的向往，我找到我们领导我是这样说的：我还是比较建议公司采用第二种方案。1）这无疑是给我们进行敲门砖及学习的机会；2）这是公司提升前端技术能力与主流技术看齐的机会。最后公司同意了我建议，采用方案二，有我来承接此事，进行牵头负责。
中间心酸过程忽略，刚接下来第一天就后悔了，VUE用都没用过，还怎么玩。于是我花了大量的时间，看了大量文献，我这里使用到是Vue 2 + Vant 2 + axios + router。原来并不是什么网址拿来就可以设置跳转的，你的小程序中就不能直接跳转到百度上去，小程序能够跳转的域名必须在业务域名中进行注册，总算这次是在小程序开发号里面设置了，但注意在服务号的设置里也有业务域名这个设置，不要搞混了（话说微信起名也太没有想象力了，简直是一坨浆糊）。这时候控制权已经从小程序转移到了H5页面，但微信页面跳转内部的机制比较复杂，涉及到了OAuth认证之类的，所以这个错误已经是H5页面报的了，这就需要到H5页面关联的服务号中去进行设置，这次设置的项目叫做网页授权域名，在公众号设置的功能设置里由于小程序官方没有提供外部H5网页直接跳转到小程序的api，所以目前只支持小程序内嵌H5，并且只有内嵌的H5才能跳回小程序在微信开发中工具里返回“{"base_resp":{"ret":-1}}”时，需要点左上角“设置”--“项目设置”--勾选“不校验合法域锋此名、web-view（业务域名）、TLS 版本以及 HTTPS 证书” 源码中验证使用的是session 来校验验证码是否正确。我这边前端是小程序无法存session改用框架自带的缓存。
这里讲一点转Taro的调试经验，有报错的文件先拎出来放在一边，因为es5,6语法差异，很多js文件转es6是不支持的，所以会报错，建议是先把所有报错的文件注释，或者改成es6写法再转。我这边是去掉了很多的文件才转成功了的。这里需要银运迅自己一步一步调试解决报错，转成功之后根目录多出来一个taroConvert的文件夹这说明已经转Taro成功了，接下来就是运行以及二次开发。
进入taroConvert文件夹(二次开发就在这个文件里面，小程序代码不用管了)，执行命令 npm install 或者cnpm install 先拉取所有依赖。
可以看一下package.json文件的运行命令以及安装的依赖，我这里是要运行H5的，输入命令 npm run dev:h5打开H5开发模式，这个步骤有可能会有个nerv.js不存在的报错，可以安装一下，然后在你文件src下面的的app.js import一下。
执行命令 import Nerv from 'nervjs'，这个报错就会解决。其它的页面代码报错可以自己调试。开启成功的话浏览器中会打开127.0.0.1:8082的窗口运行项目。
小程序推广方式。1、附近的小程序（免费），在小程序后台，开通“附近的小程序”，设置门店地理位置，小程序自动展现给周边5km内的微信用户，所有符合条件的小好指弊程序能在“附近的小程序”」获得免费曝光，且一个小程序能添加10个地理位置。
2、附近的小程序广告（需付费）。附近的小程序是微信开放的关键流量入口，同时开放了广告投放渠道。广告位是在附近小程序的第三行，点击即可打开对应的小程序，暂不支持其他页面的跳转。
3、微信群分享，实现粉丝裂变（免费），在原有的粉丝群同步通知，让粉丝自主扩散，可引导粉丝分享，然后凭截图领取小礼物，逐步将流量引到小程序，促成销售。
4、二维码海报（免费+付费，适用线上线下多种场景，可以通过后台生成小程序二维码，并将其植入到线上线下海报或户外广告中。例如：朋友圈、微信群、门店、电梯、机场、活动现场等等。
5、地推（免费，但是需成本。对于部分小程序而言，地推或许是最贴近用户场景的推广方式，线下以小程序码的方式，通过宣传物料等推广小程序。诸如：餐饮，鲜花，美容，健身等线下门店，效果明显，转化快。
6、公众号关联小程序（免费），
1公众号资料详情页绑定相关小程序，当用户关注你的公众号时，就能看到位于显眼位置的相关友族小程序，点击可直接跳转到小程序。
2公众号文章插入小程序名片，用户结合内容对产品/服务感兴趣的话，就能直接点进小程序，从而实现内容→购买的转化。不过，这是一个长期运营的过程，前期效果取决于公众号本身的粉丝留存量。
3公众号自定义菜单栏关联小程序，用户可以直接点击访问小程序。
4通过得有店的组件“关注公众号”，可以在小程序商城首页放置公众号二维码信息，引导小程序用户关注公众号。
7、微信小程序广告（付费）在后台开通广告主，由小程序流量主自定义展现场景，根据各自小程序的特点，灵活设置展现页面与位置。常见展现场景为：文章页-文章末尾、详情页-页面底部、信息流-信息流顶部或信息流之间。
8、品牌官方推广（免费），品牌官方区，通过开放接入商家信息，帮助商家触达用户，更好地为用户提供服务和内容。开通品牌官方区后，商家将获得丰富的展示能力。用户可以通过搜索品牌名称直达商家，同时，商家的服务和物品也有机会出现在相关搜索结果中。
9、模板消息推送（免费），模板消息是小程序在微信内部对每个用户生成的推送。内容类可以用它提示更新，电商类可以用它提示促销或未付款，工具类可以用它提示完成日常目标。每一次推送都在让用户逐渐形成对小程序的依赖。
10、小程序商店（付费），通过付费或其他方式将小程序投放至小程序商店，也能起到一定的宣传效果。主流的小程序商店有知晓程序、微信小程序大全、大梦想程序商店、小程序窝等。
11、拼团、砍价等营销裂变工具（免费），商家通过得有店系统低成本低门槛开发自己的微信小程序商城，利用得有店提供的拼团、砍价、分销等裂变工具，快速拉新增粉，轻松获取新客，提高销量。
12、新媒体软文推广（付费），可借助KOL的粉丝号召力推广小程序，不失为新媒体时代的一大主流推广方式。通过优质的软文广告或硬广，将小程序投放到微信及其他的新媒体平台。目前很多10万+自媒体都有明确的投稿标价。
13、App分享到微信（免费），有的商家有自己的app商城，将小程序和app通过技术手段对接，当把APP的内容分享到微信，就会自动转为小程序卡片，用户点击直接跳转到小程序页面。
14、微信支付（免费），
1用户支付完成后，在支付成功的页面，你可设置提示关注你的公众号。
2在「支付凭证」页面中，还可以再一次推荐你的小程序，提醒用户二次购买。
3消费分享获得“立减金”进行快速裂变拉新，吸引用户进入小程序完成转化。
4巧用微信搜索入口，用小程序名称抢排位（免费）。小程序的名称是唯一的，小程序的排名跟名称、描述、上线时间、用户访问量和小程序的综合质量有关。根据用户的搜索习惯和产品特性，尽可能多地注册小程序名称，才能让小程序的排名更靠前，更有可能被用户搜索到。就是多做一些小程序（每个企业主体可以申请50个小程序）形成霸屏，将目前能想到的一些关键词都用上，但是需要注意小程序的命名规范。另外，我们需要做的是优化逗枝小程序描述关键词。
16、小程序与小程序之间的跳转（免费），可以将每个产品线各做一个小程序，绑定在同一个公众号主体上，然后互相跳转。
17、礼品卡玩法（免费），最早玩转礼品卡的是「星巴克用星说」小程序，用户购买礼品卡，分享给朋友，朋友到星巴克后，可以直接使用礼品卡；具体玩法可参考「星巴克用星说」和「麦当劳」小程序。
一般情况下，一场小程序营销活动，我们会设计相应的专题页，如果是当月的大型促销搏扰活动，首页也会同步更新调整架构内容。
如一场品牌专场，我们需要设计的内容
以一场专题活动为例，说明设计的图片内容和常规尺寸要求如下：
专题页头图（即首页焦点图/轮播图）：尺寸视行业特性而定，如百货类、生鲜类690*230，
如服装类530*650。
其他小程序推广页分别为：基旁旦d窗图530*650，浮窗海报750*259，会场转发图500*400
如服装类，我们会在架构表备注的要求
商品详情页：750或800的宽度皆可，适应手机阅读，高度则根据商品本身实际情况而定，建议单张图片150-200KB之间比较好，方便用户下拉图片时快速加载图片内容，提升体验感。
商品活动标：500*500，其实只要是1:1的方图即可。
＝＝＝启帆＝＝＝＝＝＝＝＝＝＝＝＝＝＝
以上就是我的分享
如果对你有用，就点个赞吧！予人玫瑰，手有余香~
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）