2021-02-06 让微信小程序和webviewH5实现互相通讯（demo）

在微信小程序里，webviewH5向miniProgram通讯只能通过 postMessage 函数

然而这个函数却很鸡肋，小程序官方文档是这样描述的： 向小程序发送消息，会在特定时机（小程序后退、组件销毁、分享）触发组件的message事件

而且小程序官方文档里没有提到miniProgram如何向webviewH5通讯

在这个demo中, 展示了我是如何让webviewH5和miniProgram互相通讯

其实原理很简单:

success

failure

cancel

>

微信小程序开发工具有windows64,windows32和mac版本，根据自己的电脑情况，下载适合自己的版本。

把微信小程序开发工具下载回来后，选择适合的路径进行安装。

安装完开发工具后，会自动在桌面添加微信web开发者工具图标。通过点击微信web开发者工具图标打开微信小程序开发工具，然后用自己的微信软件扫描二维码登录，进入微信web开发者工具。

进入开发工具后，那个demo是由微信提供的，我们需要点击最左小角的关闭按钮，退出当前这个项目。然后点击添加项目添加一个新的项目，进入项目信息填充界面。

如果你有微信提供的AppID，那就再AppID那里填入你获取到的AppID。如果没有，那么就点击无AppID。

在项目名称那里，填入你自己项目的名称（这个随便填）。

项目目录那里，如果你是新创建一个项目，那么首先点击选择，选择一个存放你项目的文件夹。如果你是导入项目，那么就找到你那个项目的位置，直接导入就可以了。

最后店家添加项目就可以了。

照着腾讯文档小程序开发了微信小程序富文本编辑器组件，这几天做个整理，如有这个需求可以前往腾讯文档小程序 *** 作看看实际效果。毕竟参照的是微信自家小程序，无法做到百分百效果，只能按现有开放api尽可能实现。

项目地址：

>

1登陆微信开发者工具，选择小程序项目

2填写AppID（登陆小程序后台--设置--开发设置就能看到小程序ID）、项目名称，点击「项目目录」，选择源码存储位置，确定就可以完成源码导入！

3项目导入完毕

如果你已经在开发别的项目，但又想导入小程序源码的话，你可以在开发者工具点击「项目 -- 新建项目」

目前制作小程序主要有以下几种方法：首先，如果自己熟悉程序代码方面可以自行编辑制作。其次，如果资金足够，可以招设计，前端，后端进行制作，不过这种造价就很高了。还有一种就是寻找外包制作公司。进行专业的制作。

目前市场上会软硬件设计开发制作的公司特别多，更多是以几个人组成的“小团队”居多，这种比较简单的工作室往往售后服务、需求满足很难保证。

所以在寻找制作开发公司时候品牌可靠度、及过往合作过的公司都是很好权衡一个公司是否靠谱的依据。在看这家公司前多看看案例和合作过的公司是很有必要的。

1、看其公司有无官方网站，且是否有和其他公司合作成功案例，特别是社区团购这方面的案例，可以衡量一家公司的在这方面的实力。

2、百度搜索改公司是否存在，百度百科，企业信息资料是否正常，正规的公司这些网上都是可以查出来的。

可能根据公司大小及正规与否决定的，有的“工作室”等可能并没有很正式的流程，多数以口头交流来确定需求的。而比较大型的公司多数有以下流程：

合作签约

接洽进行开发需求沟通，双方就项目达成共识，签署合同确定合作，确定项目任务与时间安排。

设计出稿

UI设计师对界面进行总体设计，客户确定满意设计方案后，交付研发团队，进入下一阶段。

代码开发

产开发大功能模块，含代码和界面模块编写，将界面和功能连接，开发产品demo。

确认验收

根据测试反馈数据，进行修改优化，修改BUG等优化后，确认无误交付验收，用户确认满意即可签收。

以上都是一些见解，希望对您有帮助，如果您有更多的问题，可以继续提问。

望采纳，谢谢！

您好，

“微信小程序”开发之前必须要完成和注册认证。如果是个人或者小公司想开发微信小程序，也可以找微信认证第三方开发商，比如赢在移动、正品科技等。

1、微信小程序注册

在微信公众平台官网首页，按照提示点击右上角的“立即注册”按钮，里面总过有12步，按照要求提交就可以了。

2、小程序申请微信认证

政府、媒体、其他组织类型帐号，必须通过微信认证验证主体身份。企业类型帐号，可以根据需要确定是否申请微信认证。已认证帐号可使用微信支付、微信卡券等高级权限。

认证入口：登录小程序—设置—基本设置—微信认证—详情

3、小程序申请微信支付

已认证的小程序可申请微信支付。

4、小程序绑定微信开放平台帐号

小程序绑定微信开放平台帐号后，可与帐号下的其他移动应用、网站应用及公众号打通，通过UnionID机制满足在多个应用和公众号之间统一用户帐号的需求。

UnionID机制说明：如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序)，可通过UnionID来区分用户的唯一性，因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序)，用户的unionid是唯一的。换句话说，同一用户，对同一个微信开放平台下的不同应用，UnionID是相同的。用户的UnionID可通过调用“获取用户信息”接口获取。

5、了解“获取用户信息”接口请查看开发文档—API—开放接口—用户信息。

绑定小程序流程说明：登录微信开放平台、—管理中心—公众帐号—绑定公众帐号

注意：微信开放平台帐号必须完成开发者资质认证才可以绑定小程序。

以上就是关于2021-02-06 让微信小程序和webviewH5实现互相通讯（demo）全部的内容，包括:2021-02-06 让微信小程序和webviewH5实现互相通讯（demo）、用开发者工具做的微信小程序怎么发表、uniapp开发微信小程序富文本编辑器（样式仿腾讯文档）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！