小程序总结（十五）- 关于web-view嵌套的H5页面的分享功能

看过了很多别人的博客，吸收 了他们的主要思想，但是觉得他们又写的太复杂，于是决定自己写一篇，一目了然，简单直接。

1、使用小程序打开m站的h5页面

2、打开之后，用户可以进行分享H5页面的内容

公众号关联小程序

这里的公众号包括 服务号和订阅号 ，与是否认证无关，与主体是个人还是企业无关！

小程序关联公众号

公众号可以关联小程序，小程序也可以反过来关联公众号。

8月，小程序关联公众号升级，一个小程序可以关联50个公众号。

11月，小程序关联公众号再次加吗！一个小程序可关联500个公众号！

无论是小程序还是公众号，相互关联的数量都是有上限的，而且小程序和公众号的关联上限都是不同的。 那么一个公众号/小程序可以关联几个小程序/公众号呢？这里知晓程序做了一个表格来帮你总结： 1 小程序可以关联多少公众号？无论是什么小程序、所关联公众号性质是什么，小程序都可以关联最多 50 个公众号。2 公众号可以关联多少小程序？一个公众号可以关联 10 个同主体的小程序，以及 3 个不同主体的小程序，即可以关联的小程序总数是 13 个。「知晓程序」，让你更知微信小程序。我们提供微信小程序开发资讯,解读微信小程序开发文档,制作微信小程序开发教程。此外,我们还有国内第一家微信小程序商店。

微信服务号里还有个“微信小店”小程序，在功能菜单点开可以自己免编码设置。如果要关联外部买来的，就要涉及付费和授权，就是在用第三方服务商提供的增值产品了。

如同买东西，商家用小程序是一种长期绑定重要工具的消费行为，小程序开发人能提供的后期服务是很关键的，最关键可靠的或许是自己对小程序其中的运营关系把握住。

小程序很好，用起来涉及不少方面，大家边用边学边交流，顺便互相关注再学点其它运营知识，在不断交流中提升自己的经营能力，好吗？

至少有这么几个好处：

1- 方便在朋友圈推广

小程序还不能直接分享到朋友圈，只能通过把页面生成来实现分享，这造成的问题是二次分享的门槛过高。如果用公众号文章就不同了，别人愿意帮忙转发，在 *** 作上就容易很多。

2- 方便做内容

线上运营很难离开内容，在微信里的内容传播，要么是公众号要么是朋友圈。小程序做内容页面就只能发到微信群，用户既不习惯，体验也不一定比公众号图文更好。

3- 方便接触用户

公众号虽然非常多，但至少还可以推送，只要推送就有阅读量。可以通过公众号的更新，与我们小程序的用户建立稳定的连接/互动，要从内容里进入小程序也很方便。

1、一个公众号可以关联几个小程序？

一个公众号可关联10个同主体的小程序，3个不同主体的小程序。

一个小程序可关联500个公众号。

公众号一个月可新增关联小程序13次。

小程序一个月可新增关联500次。

2、如何关联

步骤1：登录微信公众平台

登录您的微信公众号管理后台，依次在左侧菜单栏中选择“小程序” “小程序管理”，然后点击“添加”按钮；

步骤2：关联小程序

点击“关联小程序”按钮,进入关联小程序页面。

步骤3：公众号管理员扫码确认

此时需要公众号管理员扫码确认，验证完成，点击确认。

步骤4：发送关联邀请

扫码后输入要绑定的小程序appID,然后查看小程序，并发送关联邀请；

步骤5：完成公众号绑定小程序

然后小程序管理员会接收到管理邀请，点击微信里服务通知进行确认，通过即可完成微信公众号管理小程序绑定。

微信公众号管理小程序后，关注公众号的粉丝都会收到系统推送的关联信息，只要点击消息就可以跳转至小程序中。

在组件中绑定一个事件处理函数。

如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数

<view bindtap="view"> <text bindtap="toast" class="journey">开启小程序之旅 </text> </view>

子元素触发父级元素也会触发若要只触发子元素使用catchtap代替bindtap

在相应的Page定义中写上相应的事件处理函数，参数是event。

Page({ toast: function (event) { // wxnavigateTo({ // url: '/redirect/redirect' // }); wxredirectTo({ url: '/redirect/redirect', }); // view:function(event){ // // 父级元素 // } }, / 生命周期函数--监听页面隐藏/并未关闭返回 / onHide: function (event) { consolelog(event) }, / 生命周期函数--监听页面卸载/ / onUnload: function () { consolelog(222) }, })

事件分类

冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。

非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。

WXML的冒泡事件列表：

类型 触发条件 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如来电提醒，d窗 touchend 手指触摸动作结束 tap 手指触摸后马上离开 longtap 手指触摸后，超过350ms再离开

注：除上表之外的其他组件自定义事件如无特殊申明都是非冒泡事件，如<form/>的submit事件，<input/>的input事件，<scroll-view/>的scroll事件，(详见各个组件官方文档)

在一个div中嵌套三个div的步骤如下。

1、在WXML文件中创建一个div标签，作为外层容器。

2、在这个div标签中再创建三个div标签，作为内层容器。

3、在WXSS文件中设置这些div标签的样式，如宽度、高度、边框、背景色等。

小程序为啥显示嵌套异常？你好，很高兴接到你的回答，最后发现是因为 scroll-view 嵌套的原因,换成普通的 view 标签即可解决,这应该不是 uni-app 的问题,算是小程序本身的 bug。

可以，只要语法正确就行。

echo "<a href='javascript:openPage('contentphptype={$menu[id]}&title={$menu[title]}');'>{$menu[title]}</a>";

在字符串中，如果要用到某个数组变量或类属性，在两边加上花括号。你试试。

以上就是关于小程序总结（十五）- 关于web-view嵌套的H5页面的分享功能全部的内容，包括:小程序总结（十五）- 关于web-view嵌套的H5页面的分享功能、一个微信公众号（服务号）可以关联几个小程序、小程序view嵌套点击事件问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！