本文因为社区编辑器markdown功能暂有问题，格式上比较混乱，大家将就看吧： 目前小程序支持的直播方式有两种，一种是纯原生方案（小程序提供推流拉流服务器，主播端和收播端页面都已提供好，你直接使用即可），一种是自己搭建推流服务器（只是使用小程序端提供的live-pusher和live-player组件而已，里面的直播页面和功能都自己独立开发！），这里说的是第一种方案：   一、准备工作   1、一个已经申请开通和正常使用的实实在在的小程序   PS：如果开通了直播功能，但是没有审核上架成功过，直播间分享出去的二维码点击会提示页面不存在！！！原因很简单，因为你新开发的直播页面正式版的小程序上并没有新加进去，必须要提审上架到正式版才能生效！   二、小程序直播准入门槛   微信小程序直播功能准入要求（官方文档链接>>） 一、类目要求： 1. 小程序开发者为国内非个人主体开发者； 2. 小程序开发者为下述类目品类，类目具体信息可参考《微信小程序开放的服务类目》： 1）电商平台：电商平台 2）商家自营：百货、食品、初级食用农产品、酒/盐、图书报刊/音像/影视/游戏/动漫、汽车/其他交通 工具的配件、服装/鞋/箱包、玩具/母婴用品(不含食品)、家电/数码/手机、美妆/洗护、珠宝/饰品/眼镜 /钟表、运动/户外/乐器、鲜花/园艺/工艺品、家居/家饰/家纺、汽车内饰/外饰、办公/文具、机械/电子 器件、电话卡销售、预付卡销售、宠物/农资、五金/建材/化工/矿产品； 3）教育：培训机构、教育信息服务、学历教育（学校）、驾校培训、教育平台、素质教育、婴幼儿教 育、在线教育、教育装备、出国移民、出国留学、特殊人群教育、在线视频课程； 4）金融业：证券/期货投资咨询、保险； 5）出行与交通：航空、地铁、水运、城市交通卡、打车（网约车）、顺风车（拼车）、出租车、路况、 路桥收费、加油/充电桩、城市共享交通、高速服务、火车、公交、长途客运、停车、代驾、租车； 6）房地产：房地产、物业管理、房地产经营、装修/建材； 7）生活服务：丽人、宠物（非医药类）、宠物医院/兽医、环保回收/废品回收、摄影/扩印、婚庆服务、 搬家公司、百货/超市/便利店、家政、营业性演出票务、生活缴费； 8）IT科技：硬件与设备、基础电信运营商、电信业务代理商、软件服务提供商、多方通信； 9）餐饮：餐饮服务场所/餐饮服务管理企业、点餐平台、外卖平台、点评与推荐、菜谱、餐厅排队； 10）旅游：旅游线路、旅游攻略、旅游退税、酒店服务、公寓/民宿、门票、签证、出境WiFi、景区服 务； 11）汽车：养车/修车、汽车资讯、汽车报价/比价、车展服务、汽车经销商/4S店、汽车厂商、汽车预售 服务； 12）体育：体育场馆服务、体育赛事、体育培训、在线健身 二、运营要求： 1、主体下小程序近半年没有严重违规 2、小程序近90天存在支付行为 以上2个运营条件和类目同时满足的前提下，下面3个条件满足其一即可 3、主体下公众号累计粉丝数大于100 4、主体下小程序近7日dau大于100 5、主体在微信生态内近一年广告投放实际消耗金额大于1w 以上准入要求于 2020 年 02 月 24 日进行公示生效。为营造良好健康的微信生态，腾讯公司有权对《微信 小程序直播功能准入要求》不时予以调整并公布，请予以关注。 腾讯公司   tip：如果你的小程序刚刚满足上面门槛，请T+2后刷新再试试。   三、进入小程序后台直播，创建直播间 [图片]   如果你的小程序满足了第二点。小程序后台会有一个直播的入口（没有的话自己找找原因）   点击进入后->创建直播间   按提示操作（要输入主播人的微信号，对方初次使用要活体检测+实名认证）即可成功创建直播间。（注意点：开播时间最早不能早于当前时间10分钟后）   创建成功后，会有一个开播码。注意这个开播码是给主播用的，主播开播的入口小程序码。主播可以扫码进入直播间开播。 [图片]   四、小程序端开发   完成上面3步算是完成主播端的配置了，接下来是收播端（观看直播的小程序端）的开发了。这个是要小程序开发者完成的。所以下面操作都在小程序开发端完成。下面就简单介绍开发逻辑和顺序，具体的要用到的API和接口都不细说，在后面相关链接里面可以点击官方链接查看！（小程序直播 | 微信开放文档）https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html）   （1）引入直播插件（直接按官方介绍文档操作）   正常引入后开发者工具会弹出这个窗口，如果不弹出请认真，静下心来按照官方文档检查自己的引入代码： [图片]   （2）开发后端（如果你没有小程序端自建直播列表和直播间入口的需求2、3、4都可以跳过，届时你的小程序直播间可以用分享方式进入）   后端目前官方只提供了2个接口。一个是获取直播间列表，一个是获取直播间直播完后的相关回放信息，其中第一个接口必须先完成。就是获取到直播间列表，列表里面有带返回直播间的roomid，小程序端必须需要接收到这方面的返回才能接下来的开发。   （3）进入直播页面   引入直播插件后并对接第二步的后端接口后，你可以直接编码进入直播页面了。像进入普通页面一样，可以通过wxml里面的navigator url="xxxx"的方式和js里的wx.navigateTo跳转页面代码进入直播页面。但是他这个url比较特殊，是下面这样的格式：    url: `plugin-private://${provider}/pages/live-player-plugin?room_id=${roomId}&custom_params=${encodeURIComponent(JSON.stringify(customParams))}`   provider:插件appid（1）小步里面获取到的   rommId:直播间id（2）小步里面获取列表后里面的roomId   customParams:自定义的进入页面参数。（根据需要自己定义的传入直播间收播页面的参数）  进入直播间收播页面后的开发量为0，因为这个是由直播间插件接管并完成相关功能。   （4）几个注意点：   4.1、后端获取直播间列表接口几个跟官方文档介绍不一致的地方 [图片]   4.2、 livePlayer.getLiveStatus获取直播间状态这个API官方介绍：首次获取立马返回直播状态，往后间隔1分钟或更慢的频率去轮询获取直播状态。实际使用过程中建议也这么干，如果需要轮询直播间状态，建议间隔时间1分钟以上，如果少于这个值，基本上就是卡在这里后面的代码都不执行了。还有，有时候即使超过1分钟后再轮询，也会偶发性出现获取不到卡住的情况。解决方法，大家可以看看开发者工具里面的本地Storage相关的值，然后后面怎么做你懂的。。   4.3订阅组件subscribe的样式问题。不多说，你懂的，你加上去就能看到效果   4.4后端接口每日调用次数限制的问题。要做好相关缓存到本地的架构设计。   4.5运营上一定要注意，按要求直播。别整那些没用的，很容易被禁播的。   （5）回放功能开发   1.0.4版本后支持0开发的回放功能了。参考后面新增的专门介绍回放功能的使用教程。   五、跑路   这里的跑路是指代码写累了，带上口罩和吉娃娃去公园跑一圈路回来继续码。   最新：1.0.4版本后的回放功能说明，回放功能是这样的   1、后台开启该直播间的回放功能 [图片]   2、收播端还是原来的直播入口进行回放，小程序端是  plugin-private://${liveplayId}/pages/live-player-plugin?room_id=${roomId}&custom_params=${encodeURIComponent(JSON.stringify(customParams))}`   这里的页面链接，链接到回放页面。获取分享方式，分享出去的直播页面，点击后进入回放。 [图片]   还有一个口，点击原来的分享链接后的直播完成页面，也有一个查看回放的入口，如上图。   Tip:如果刚刚直播完可能需要稍等生成回放视频后再次进入相关页面才能看到回放。   相关链接：   小程序直播 | 微信开放文档（开发必看，而且要熟读，基本有所有你要的开发资料）   https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html   微信小程序直播功能准入要求 | 微信开放文档   https://developers.weixin.qq.com/miniprogram/product/live/access-requirement.html   “小程序直播”接入指引 | 微信开放社区   https://developers.weixin.qq.com/community/develop/doc/0008ce654c4450244c1a7e5de5b801?highLine=%25E7%259B%25B4%25E6%2592%25AD%2520%25E6%25B1%25BD%25E8%25BD%25A6   相关知识科普：   小程序直播单日直播上限是50场，同时直播上限50场，单场的直播时长上限是12小时。

【小程序appid】wxf766b8a50d6c3494 【小程序主体】北京全谱医学检验实验室有限公司 【申请模板类目】医疗 > 私立医疗机构 【申请模板名称】基因检测报告生成通知 【使用场景】检测者在报告生成以后，可以收到基因检测报告生成通知，并根据通知进行下载报告 【模板字段】 订单号，受检者，报告链接 【消息示例】 基因检测报告生成通知 订单号 OD20001 受检者 张三 报告链接 https://report.xxx.cn/abc

默认原生tabbar底部会占一定的高度，整个容器能渲染的高度 等于屏幕像素减去tabbar高度 自定义tabbar容器高度默认就是整个页面的高度，需要自己做兼容 webview默认是占满整个屏幕的，不能设置高度，因此如果自定义tabbar + webview 方案的时候会导致webview底部高度会有一部分覆盖 是否能像原生一样支持当页面是tabbar页面时，容器高度=屏幕高度-tabbar高度

1.能力背景 传统就医流程中，涉及“三长一短”的难题。与就医不相关的缴费环节，也是造成三长一短的原因。因此根据国家政策及互联网的引导支持，微信推出了“智慧医院”方案，从挂号、缴费、报告等环节，解决线下排队、必须线下办理的问题。 随着微信智慧医院方案覆盖的医院越来越多，根据调研、观察及数据发现，在缴费支付环节，依然有较多用户存在排队等待。 智慧医院线上流程： [图片] 三长一短及对应的全流程解决方案： [图片] 从解决方案中退出，医保支付结算的通路，也需要打通，才能更便捷的为用户提供服务。因此： 腾讯与人社部门联合开展了“基于微信，进行医保移动支付结算”的能力。用户在微信上绑定社保卡之后，无需在医院窗口排队，即可通过微信缴纳医保挂号或医保门诊费用，优化了传统的就医流程。为用户提供便捷的医保结算就医方式。 传统的医保就医流程，与微信医保支付优化后的就医流程对比如下： [图片] 从一定程度上，缓解了医保挂号、医保门诊缴费的排队问题。 2.能力架构 微信医保支付的业务的整体架构，可以类比微信支付，涉及的最基本的模块有三方：社保卡绑卡类比银行卡绑卡，人社局类比银行，医院类比商户。对应的类比架构如下： [图片] 在这个类比中，微信医保支付也类似微信支付一样，建立起了开放合作的基础架构。 在人社部门&主管部门的指导、监管下，将医保移动支付结算的接口，封装为相对标准的微信医保支付开放接口，提供给符合监管要求的医疗医药机构。用户在微信中绑定社保卡后在医院/药小程序中，挂号或者门诊缴费时，使用微信医保支付。 对于用户而言：在指定入口绑定社保卡，后续在支持医保支付的医院挂号付费，或前往医疗机构就诊付费，可以通过微信医保支付，在线完成医保结算（医药机构类似），缩短就医路径，减少排队等待的时间。 对于医疗医药机构而言：可以通过微信医保标准的接入接口，申请成为微信医保支付的“商户”，然后在小程序为用户提供便捷的微信医保支付结算。 3.能力覆盖 目前微信医保支付的覆盖城市范围，包括如下城市： 深圳、成都、汕头、郑州、铜川、厦门、广西、嘉兴、宁波，开封，武汉，延安，攀枝花、白城、长沙、哈尔滨、沈阳、潍坊、葫芦岛、西安、宝鸡、咸阳、榆林、渭南、安康、商洛，南京，甘肃全省，合肥，青岛，广州，邯郸，台州，通化、石家庄，长春等省市（持续更新中） 如有开发者或运营者的小程序在以上覆盖城市，则可以沟通对接微信医保支付接口能力。 4.接口权限申请 微信医保支付接口权限，包含但不限于以下3部分内容： （一）征得当地主管单位的同意，且确保对应医疗机构或医药机构是合规的定点机构； （二）对应医疗机构或医药机构已开通微信支付权限； （三）按照以下方式申请接口权限： 1、登录微信公众平台：使用医疗机构公众号登录微信公众平台（备注：申请开通微信医保支付权限，均需由医疗机构对应公众号提交，如果还没有公众号，请先完成公众号注册及认证。） 2、找到【城市服务】插件：在公众平台左边栏【功能栏】下方，找到【城市服务】插件。未能找到请点击【添加功能插件】。从插件库中选择添加城市服务插件，填写相应信息即可开通。 如果通过以上方式，还未找到城市服务插件，可以通过以下方式申请开通（仅支持公立医院开通）： [图片] 5.接口能力说明 5.1支付场景介绍 微信医保支付除支持小程序外，还支持公众号、扫码付、刷码付等多个支付场景。针对小程序场景，说明如下： 1、医院小程序下单后获得pay_appid与pay_url后，使用这两个参数跳转到医保支付小程序。 跳转的小程序接口点击查看 2、参考示例： [图片] 3、用户在医保支付小程序完成支付后，会返回调用方的小程序，可在小程序的onShow方法通过scene 等于1038（从另一个小程序返回）时，拿到小程序本身存储的上下文，获得相关订单号，然后先查询医院订单是否已接收到成功通知，如果还没有，则向微信医保支付后台查询支付结果。 5.2接入模式说明 微信医保支付接入，分为两种模式：服务商模式，独立模式。 1、服务商模式 目前接入的大部分都属于服务商模式，即由第三方平台公众号代理医院公众号接入医保支付系统，第三方平台无需代理医院的公众号secret即可进行操作。 医保支付的服务商模式与微信支付的父子商户不相关也不冲突，即不管原来是不是子商户，都可以用服务商模式。 如医院公众号A，第三方平台公众号X，调用API的参数规则如下： [图片] 2、独立模式 医院公众号自行接入医保支付系统。如医院公众号为A，其为自行开发的公众号，且自行接入医保支付，调用API的参数规则如下： [图片] 5.3业务流程举例说明 1、微信医保支付总业务流程图 [图片] 2、挂号支付流程图 [图片] 3、诊间支付流程图 [图片] 4、订单状态更新流程说明 设定公众号本身有订单信息存储称为本地DB，当公众号收到来自医保支付的后台通知时（即通过notify_url进行通知的支付结果），公众号查询其本地DB，根据通知的数据更新订单的状态。 当未收到通知时，可能通知失败，或者订单支付失败，不管支付成功或失败，用户都会从支付页面跳转到公众号提供的return_url，此时公众号可以在用户跳转的return_url 中，首先查询本地DB看状态是否为成功，不成功则调用医保支付查询API进行查询，获得支付状态并更新公众号本地DB的订单状态。 5.4接口规则 商户接入医保支付，调用API必须遵循以下规则： 传输方式： 为保证交易安全性，采用HTTPS传输 提交方式：采用POST方法提交 数据格式：提交和返回数据都为XML格式，根节点名为xml 字符编码：统一采用UTF-8字符编码 签名算法：MD5 签名要求：请求和接收数据均需要校验签名，详细方法请参考，安全规范-签名算法，key说明见后续文档 服务器IP要求：调用申请退款接口需要先提供服务器IP列表 判断逻辑：先判断协议字段返回，再判断业务返回，最后判断交易状态 5.5获取access_token 1、服务商模式获取方式： 点击查看 请求参数： [图片] 如服务商appid为A，医院appid为B，服务商appsecret为C，那么请求为：点击查看 返回参数： [图片] 以下字段在return_code为SUCCESS的时候有返回： [图片] err_code与err_code_des点击查看 以下字段在return_code 和result_code都为SUCCESS的时候有返回： [图片] 2、独立模式获取方式： 与开放平台获取access_token方式相同参考说明 6.接口文档 详细接口文档，可以点击此处查阅。 7.相关文档 另，除以上主接口文档外，还提供了“选用接口”，以实现查询用户社保卡信息、动态获取社保卡绑卡链接等功能。详见7.3文档。 7.1微信医保支付接口文档之《对接移动医疗平台（医院）接口文档》(更新于2018.10.15) 7.2微信医保支付接口文档之《接入指引文档》(更新于2017.9.15) 7.3微信医保支付接口文档之《选用接口文档》(更新于2018.7.12)

产品简介：基于微信进行医保移动支付结算的功能。 优势：无需线下排队，医保移动支付。 接入方式：需开发。 关键词：进阶功能，便捷就医。 01 功能介绍 用户通过微信绑定个人社保卡，便可将微信号与个人医保账户关联，在就医挂号&门诊缴费等环节，进行便捷的医保、自费或医保+自费混合支付。 微信医保支付流程交互： 1）绑卡 [图片] 用户通过微信城市服务或当地人社公众号/小程序，进行实人实名等信息校验，将个人微信关联个人社保卡。 2）支付 [图片] 绑卡用户到已接入微信医保支付的医院就医，通过服务号/小程序挂号，可选择微信医保支付，支付诊费/药费（具体使用规定以当地医保政策为准）。 02 业务架构说明 微信医保支付的业务的整体架构，可以类比微信支付，涉及的最基本的模块有三方：社保卡绑卡类比银行卡绑卡，人社局类比银行，医院类比商户。 业务操作流程说明如下： 微信医保支付架构： [图片] 1、用户使用微信绑定个人社保卡； 2、微信与人社系统同步记录用户微信与社保账户的关联关系； 3、医院通过服务商接入微信医保支付打通移动医保支付通路； 4、绑卡用户通过公众号/小程序就诊后通过微信进行移动医保支付； 5、医院上传用户处方单至人社系统，医保结算成功后人社将费用结算信息同步至微信及医院侧，由医院通过服务通路通知用户。 03 接入指引 1） 微信医保支付接入条件 所在城市已上线微信电子社保卡服务，目前已开通的城市：深圳、成都、铜川、郑州、厦门、嘉兴、宁波、开封、武汉，延安、白城、攀枝花，长沙、哈尔滨、沈阳、潍坊、苏州、葫芦岛、西安、宝鸡、咸阳、榆林、渭南、安康、商洛、永康、合肥，常熟、青岛、广州、邯郸、台州、南昌、通化、石家庄、长春、大庆、济南、桂阳县、安吉县、太仓县、东莞、无锡、枣庄、威海等。 医院/药店已开通微信公众号或小程序，且已开通微信支付。 已向当地人社局或医保监管机构申请，确认本医院/药店可申请接入。 2 ）申请方式 联系当地人社局或医保监管机构申请确认后，通过以下方式申请： 国家公立医疗机构：可通过医院公众号后台线上申请医保权限，具体操作链接指引https://mp.weixin.qq.com/s/TnaBUREMR8ikZ4efetEfQg 私立医疗机构或药店：通过邮件方式申请开通医保权限，须联系腾讯工作人员对接指引。 以上案例素材，整理自试点小程序。

备注说明：接口因为监管原因，2021年11月10日起停止开放。 一、接口说明 城市服务实名校验接口（以下称“本接口”），主要实现的功能是，在用户同意情况下，通过微信城市服务去校验用户（或业务方）输入的实名信息，是否正确且与用户在“开通微信支付”时，预留的实名信息一致。也即，校验输入的信息，是否正确且与微信支付绑卡用户的实名信息一致。 二、使用注意事项（接入必读） 1、本接口暂只支持校验基于大陆身份证 “姓名与身份证开通微信支付”的用户实名信息； 2、由于信息较为敏感，使用此接口校验用户（或业务方）输入的实名信息时，需要在页面前端征得用户的同意。因此调用此接口后，会跳转至微信官方的“用户同意”界面。用户点击同意按钮后方可继续后续调用。 3、请根据开放范围、场景所需及信息校验必要性申请本接口，并请谨慎使用。若后期使用过程中，用户举报较多或被发现在不合理使用，微信有权永久回收该小程序的该接口的权限。 三、接口开放范围及申请方式 3.1、接口开放范围 1、本接口目前为内测邀请开放阶段，免费开放给非个人开发者，且完成了微信认证的小程序（不包含境外主体）。 2、接口的开放的场景及必要性，参考国家法规、政策规定的需要“实名办理”的相关业务。具体的开放主体类目范围如下： 政务（政府和事业单位）公立医疗（含公立医疗机构的互联网医院）公立教育机构交通行业的官方企业或单位（含：航空公司、机场、客运、交通市民卡、铁路、公交、地铁、轮渡）基础运营商合规的保险公司官方快递与邮政（实名校验场景需要与支付相关联）水、电、燃、暖等官方生活缴费机构；如你的小程序主体类目所属范围、支付业务场景等，与上述相符，则可以按照对应方式申请。 3.2、申请方式 请发送邮件至官方邮箱，说明所需的场景及校验必要性，申请开通小程序的该接口的权限。官方邮箱地址：wx_city@tencent.com。邮件内容请参照下述列表： 邮件主题：申请开通“城市服务实名信息校验”接口权限+地区+单位名称 邮件内容： 1、小程序appid或原始id 2、小程序名称 3、小程序使用该接口的场景及必要性描述。 4、其他备注说明（如紧急程度、腾讯公司的对接人等） 申请资料： 1、接口申请表 2、与申请商户名称（商户号主体）完全一致的 信息系统安全等级保护三级证书（简称等保三级证书） 或者 ISO27001证的扫描件 3、签署【数据安全评估应答及承诺文件】，落款应答及承诺人为商户号主体，并盖章 4、签署【合作协议】 附：申请资料中（2）（3）（4）涉及资质，申请主体均需由商户号主体提供、签署；（3）（4），审批时请先提供填写完整的Word文档，待审批完成后再返回盖章。 附件1、微信支付实名校验接口申请表 附件2、数据安全评估应答及承诺文件 附件3、合作协议 邮件申请后，针对符合开放范围及场景必要性的小程序，会提供后续流程指引，因此申请后请留意邮件回复情况。 注意：请根据开放范围、场景所需及信息校验必要性申请本接口，并请谨慎使用。若后期使用过程中，用户举报较多或被发现在不合理使用，微信有权永久回收该小程序的该接口的权限。 四、接口文档 具体的接口文档详情，请点击此处查看详细的接口文档，并参照开发。 备注：如在使用中遇到问题，可通过官方邮箱留言，或社区留言，或评论留言方式反馈。本指引内容不定期更新，敬请留意。

1、未认证帐号（个人类型）管理员重置方法 请相关开发者以“【开发者帐号管理员重置需求】open帐号xxxx”为邮件主题，邮件发送至weixin-open@qq.com，并提交以下材料，我们将尽快进行评估处理 1）、需求背景 2）、注册主体的身份证姓名、身份证号码及手持身份证照片 3）、申请公函（无固定模板，需签字） 4）、个人微信号（登录微信-我-页面显示的微信号，非手机号或QQ） 2、已认证帐号（组织类型）管理员重置方法 请相关开发者以“【开发者帐号管理员重置需求】open帐号xxxx”为邮件主题，邮件发送至weixin-open@qq.com，并提交以下材料，我们将尽快进行评估处理 1）、需求背景 2）、注册主体的主体信息及主体营业执照、组织机构代码证等资质证明材料（须加盖公章） 3）、对公账户信息 4）、申请公函（无固定模板，需加盖公章） 5）、开放平台帐号下绑定的任一应用/公众号/小程序的名称、所有权证明并加盖公章 变更管理员常见问题请参考：https://kf.qq.com/product/wxkfpt.html#hid=2571

现在接收别的公司的项目，他们项目没有搭测试环境。现在我们想自己搭一套测试环境，怎么样在测试环境中获取component_verify_ticket呢？可以主动发接口获取吗？

[图片] 这个显示推荐关注服务号 ，暂不开放修改，这个怎么办呢？？我看其他商户有的可以自动打钩的 [图片]

由于我们无法将小程序直接分享到朋友圈，但分享到朋友圈的需求又很多，业界目前的做法是利用小程序的 Canvas 功能生成一张带有小程序码的图片，然后引导用户下载图片到本地后再分享到朋友圈。相信大家在绘制分享图中应该踩到 Canvas 的各种（坑）彩dan了吧～ 这里首先推荐一个开源的组件：painter（通过该组件目前我们已经成功在支付宝小程序上也应用上了分享图功能） 咱们不多说，直接上手就是干。 [图片] 首先我们新增一个自定义组件，在该组件的json中引入painter [代码]{ "component": true, "usingComponents": { "painter": "/painter/painter" } } [代码] 然后组件的WXML (代码片段在最后) [代码]// 将该组件定位在屏幕之外，用户查看不到。 <painter style="position: absolute; top: -9999rpx;" palette="{{imgDraw}}" bind:imgOK="onImgOK" /> [代码] 重点来了 JS (代码片段在最后) [代码]Component({ properties: { // 是否开始绘图 isCanDraw: { type: Boolean, value: false, observer(newVal) { newVal && this.handleStartDrawImg() } }, // 用户头像昵称信息 userInfo: { type: Object, value: { avatarUrl: '', nickName: '' } } }, data: { imgDraw: {}, // 绘制图片的大对象 sharePath: '' // 生成的分享图 }, methods: { handleStartDrawImg() { wx.showLoading({ title: '生成中' }) this.setData({ imgDraw: { width: '750rpx', height: '1334rpx', background: 'https://qiniu-image.qtshe.com/20190506share-bg.png', views: [ { type: 'image', url: 'https://qiniu-image.qtshe.com/1560248372315_467.jpg', css: { top: '32rpx', left: '30rpx', right: '32rpx', width: '688rpx', height: '420rpx', borderRadius: '16rpx' }, }, { type: 'image', url: this.data.userInfo.avatarUrl || 'https://qiniu-image.qtshe.com/default-avatar20170707.png', css: { top: '404rpx', left: '328rpx', width: '96rpx', height: '96rpx', borderWidth: '6rpx', borderColor: '#FFF', borderRadius: '96rpx' } }, { type: 'text', text: this.data.userInfo.nickName || '青团子', css: { top: '532rpx', fontSize: '28rpx', left: '375rpx', align: 'center', color: '#3c3c3c' } }, { type: 'text', text: `邀请您参与助力活动`, css: { top: '576rpx', left: '375rpx', align: 'center', fontSize: '28rpx', color: '#3c3c3c' } }, { type: 'text', text: `宇宙最萌蓝牙耳机测评员`, css: { top: '644rpx', left: '375rpx', maxLines: 1, align: 'center', fontWeight: 'bold', fontSize: '44rpx', color: '#3c3c3c' } }, { type: 'image', url: 'https://qiniu-image.qtshe.com/20190605index.jpg', css: { top: '834rpx', left: '470rpx', width: '200rpx', height: '200rpx' } } ] } }) }, onImgErr(e) { wx.hideLoading() wx.showToast({ title: '生成分享图失败，请刷新页面重试' }) //通知外部绘制完成，重置isCanDraw为false this.triggerEvent('initData') }, onImgOK(e) { wx.hideLoading() // 展示分享图 wx.showShareImageMenu({ path: e.detail.path, fail: err => { console.log(err) } }) //通知外部绘制完成，重置isCanDraw为false this.triggerEvent('initData') } } }) [代码] 那么我们该如何引用呢？ 首先json里引用我们封装好的组件share-box [代码]{ "usingComponents": { "share-box": "/components/shareBox/index" } } [代码] 以下示例为获取用户头像昵称后再生成图。 [代码]<button class="intro" bindtap="getUserInfo">点我生成分享图</button> <share-box isCanDraw="{{isCanDraw}}" userInfo="{{userInfo}}" bind:initData="handleClose" /> [代码] 调用的地方： [代码]const app = getApp() Page({ data: { isCanDraw: false }, // 组件内部关掉或者绘制完成需重置状态 handleClose() { this.setData({ isCanDraw: !this.data.isCanDraw }) }, getUserInfo(e) { wx.getUserProfile({ desc: "获取您的头像昵称信息", success: res => { const { userInfo = {} } = res this.setData({ userInfo, isCanDraw: true // 开始绘制海报图 }) }, fail: err => { console.log(err) } }) } }) [代码] 最后绘制分享图的自定义组件就完成啦~效果图如下： [图片] tips： 文字居中实现可以看下代码片段 文字换行实现（maxLines）只需要设置宽度，maxLines如果设置为1，那么超出一行将会展示为省略号 代码片段：https://developers.weixin.qq.com/s/J38pKsmK7Qw5 附上painter可视化编辑代码工具：点我直达，因为涉及网络图片，代码片段设置不了downloadFile合法域名，建议真机开启调试模式，开发者工具 详情里开启不校验合法域名进行代码片段的运行查看。 最后看下面大家评论问的较多的问题：downLoadFile合法域名在小程序后台 开发>开发设置里配置，域名为你图片的域名前缀 比如我文章里的图https://qiniu-image.qtshe.com/20190605index.jpg。配置域名时填写https://qiniu-image.qtshe.com即可。如果你图片cdn地址为https://aaa.com/xxx.png, 那你就配置https://aaa.com即可。

生成海报相信大家有的人都做过，但是canvas绘图的坑太多。大家可以试试这个组件。然后附上楼下大哥做的可视化拖拽生成painter代码的工具：链接地址https://developers.weixin.qq.com/community/develop/article/doc/000e222d9bcc305c5739c718d56813

开门见山 工具地址 点我直达>>painter-custom-poster 由于挂载在github page上，打开速度会慢一些，请耐心等待或自行解决git网速问题 背景 在做小程序时候，我们经常会有一个需求，需要将小程序分享到朋友圈，但是朋友圈是不允许直接分享小程序，那我们还有其他的办法解决吗?答案肯定是有的，即 canvas 生成个性化海报分享图片到朋友圈 分析 小程序中有大量的生成图片需求，但是使用过 canvas 的人，都会发现一些难以预料的问题>>有关小程序的坑 直接在 canvas 上绘制图形，对于普通开发者来说代码会特别凌乱并且难以维护，经常会花费很久的时间去优化代码 不同的环境渲染问题，例如在开发者工具看起来好好的，一到 Android 真机，就出现图片不显示，位置不对应等等问题 解决 那可不可以开发一款生成海报的插件库呢? 首先，只需要提供一份简单的参数配置文件即可 解决掉小程序Canvas遇到的一些大大小小的坑 有严苛的测试环节，解决各种环境和各种机型遇到的问题，并提供稳定的线上版本 长期维护，并有专人更新迭代更新颖的功能 以上的要求当然是可以的，曾经的我也想尝试开发一款出来，但是后来尝试了几款现成的工具之后就放弃了，毕竟轮子这个东西，是需要不断维护更新的，另外已经有这么多优秀现成的插件了，我为何还要费力去写呢，贡献代码岂不更美哉，以下是我收集的几款 小程序生成图片库，轻松通过 json 方式绘制一张可以发到朋友圈的图片>>Painter 小程序组件-小程序海报组件>>wxa-plugin-canvas 微信小程序：一个 json 帮你完成分享朋友圈图片>>mp_canvas_drawer 我想干什么 唠了这么多，好像提供给大家插件就没我什么事情了…想走是不可能的 为了能够制作出更酷炫的海报，我思考了许久 虽然有了插件后，只需要提供配置代码就能够制作出一款海报来，但是我发现还是有些许问题 制作海报效率还是不够高，微调一个元素的大小和位置，就需要不断的修改保存代码，等待片刻，查看效果，真的烦 一个小小的位置调整可能就需要来回调整无数次，这种最简单的机械化劳动，这辈子是不可能的 拿着完美的稿子，递给设计师看，这个位置不对，这个线太粗，这个颜色太重…你信不信我打死你 对于一些精美复杂的海报，实现起来真的不太现实 那我需要怎么做呢，请点击这个链接体验>>painter-custom-poster 点击左侧例子展示中的任意一个例子，然后导入代码就能看到效果图，这下你应该能猜到了我的想法了 如何实现 刚开始我想用简单的html和css加拖动功能实现，通过简单尝试之后就放弃了，因为这个功能真的太复杂了，简单的工具肯定是不行的 中间这个计划停滞了很长时间，一度已经放弃 直到发现了这个库fabric.js，真的太太优秀了，赞美之词无以言表，唯一的缺点就是中文教程太少，必须生啃英文加谷歌翻译 fabric介绍，你可以很容易地创建任何一个简单的形状，复杂的形状，图像;将它们添加到画布中，并以任何你想要的方式进行修改：位置、尺寸、角度、颜色、笔画、不透明度等 How To Use 目前工具一共分成4部分 例子展示 用来将一些用户设计的精美海报显示出来，通过点击对应的例子并将代码导入画布中 画布区 显示真实的海报效果，画布里添加的元素，都可以直接用鼠标进行拖动，旋转，缩放操作 操作区 第一排四个按钮 复制代码 将画布的展示效果转化成小程序海报插件库所需要的json配置代码，目前我使用的是Painter库，默认会转化成这个插件的配置代码，将代码直接复制到card.js即可 查看代码 这个功能用不用无所谓，可以直观的看到生成的代码 导出json 将画布转化成fabric所需要的json代码，方便将自己设计的海报代码保存下来 导入json 将第3步导出的json代码导入，会在画布上显示已设计的海报样式 第二排五个按钮 画布 画布的属性参数 详解见下方 文字 添加文字的属性参数 详解见下方 矩形 添加矩形的属性参数 详解见下方 图片 添加图片的属性参数 详解见下方 二维码 添加二维码的属性参数 详解见下方 第三排 各种元素的详细设置参数 激活区 激活对象是指鼠标点击画布上的元素，该对象会被蓝色的边框覆盖，此时该对象被激活，可以执行拖动 旋转 缩放等操作 激活区只有对象被激活才会出来，用来设置激活对象的各种配置参数，修改value值后，实时更新当前激活对象的对应状态，点击其他区域，此模块将隐藏 快捷键 ‘←’ 左移一像素 ‘→’ 右移一像素 ‘↑’ 上移一像素 ‘↓’ 下移一像素 ‘ctrl + z’ 撤销 ‘ctrl + y’ 恢复 ‘delete’ 删除 ‘[’ 提高元素的层级 ‘]’ 降低元素的层级 布局属性 通用布局属性 属性 说明 默认 rotate 旋转，按照顺时针旋转的度数 0 width、height view 的宽度和高度 top、left 如 css 中为 absolute 布局时的作用 0 background 背景颜色 rgba(0，0，0，0) borderRadius 边框圆角 0 borderWidth 边框宽 0 borderColor 边框颜色 #000000 shadow 阴影 ‘’ shadow 可以同时修饰 image、rect、text 等 。在修饰 text 时则相当于 text-shadow；修饰 image 和 rect 时相当于 box-shadow 使用方法： [代码]shadow: 'h-shadow v-shadow blur color'; h-shadow: 必需。水平阴影的位置。允许负值。 v-shadow: 必需。垂直阴影的位置。允许负值。 blur: 必需。模糊的距离。 color: 必需。阴影的颜色。 举例: shadow:10 10 5 #888888 [代码] 渐变色支持 你可以在画布的 background 属性中使用以下方式实现 css 3 的渐变色，其中 radial-gradient 渐变的圆心为 中点，半径为最长边，目前不支持自己设置。 [代码]linear-gradient(-135deg, blue 0%, rgba(18, 52, 86, 1) 20%, #987 80%) radial-gradient(rgba(0, 0, 0, 0) 5%, #0ff 15%, #f0f 60%) [代码] ！！！注意：颜色后面的百分比一定得写。 画布属性 属性 说明 默认 times 控制生成插件代码的宽度大小，比如画布宽100，times为2，生成的值为200 1 文字属性 属性名称 说明 默认值 text 字体内容 别跟我谈感情，谈感情伤钱 maxLines 最大行数 不限，根据 width 来 lineHeight 行高（上下两行文字baseline的距离） 1.3 fontSize 字体大小 30 color 字体颜色 #000000 fontWeight 字体粗细。仅支持 normal， bold normal textDecoration 文本修饰，支持none underline、 overline、 linethrough none textStyle fill： 填充样式，stroke：镂空样式 fill fontFamily 字体 sans-serif textAlign 文字的对齐方式，分为 left， center， right left 备注: fontFamily，工具中的第一个例子支持文字字体，但是导入小程序为什么看不到呢，小程序官网加载网络字体方法>> 加载字体教程>> 文字高度 是maxLines lineHeight2个字段一起计算出来的 图片属性 属性 说明 默认 url 图片路径 mode 图片裁剪、缩放的模式 aspectFill mode参数详解 scaleToFill 缩放图片到固定的宽高 aspectFill 图片裁剪显示对应的宽高 auto 自动填充 宽度全显示 高度自适应居中显示 Tips（一定要看哦～） 本工具不考虑兼容性，如发现不兼容请使用google浏览器 painter现在只支持这几种图形，所以暂不支持圆，线等 如果编辑过程，一个元素被挡住了，无法操作，请选择对象并通过[ ]快捷键提高降低元素的层级 文字暂不支持直接缩放操作，因为文字大小和元素高度不容易计算，可以通过修改激活栏目maxLines lineHeight fontSize值来动态改变元素 如发现导出的代码一个元素被另一个元素挡住了，请手动调整元素的位置，json数组中元素越往后层级显示就越高，由于painter没有提供层级参数，所以目前只能这样做 本工具导出代码全是以px为单位，为什么不支持rpx， 因为painter在rpx单位下，阴影和边框宽会出现大小计算问题，由于原例子没有提供px生成图片方案，可以下载我这里修改过的demo>>Painter即可解决 文本宽度随着字数不同而动态变化，想在文本后面加个图标根据文本区域长度布局， 请参考Painter文档这块教程直接修改源码 由于本工具开发有些许难度，如出现bug，建议或者使用上的问题，请提issue，源码地址>>painter-custom-poster 海报贡献 如果你设计的海报很好看，并且愿意开源贡献，可以贡献你的海报代码和缩略图，例子代码文件在example中，按顺序排列，例如现在库里例子是example2.js，那你添加example3.js和example3.jpg图片，事例可以参考一下文件夹中源码，然后在index.js中导出一下 导出代码 代码不要格式化，会报错，请原模原样复制到json字段里 生成缩略图 刚开始我想在此工具中直接生成图片，但是由于浏览器图片跨域问题导致报错失败 所以请去小程序中生成保存图片，图片质量设置0.2，并去tinypng压缩一下图片 找到painter.js，替换下边这个方法，可以生成0.2质量的图片，代码如下 [代码] saveImgToLocal() { const that = this; setTimeout(() => { wx.canvasToTempFilePath( { canvasId: 'k-canvas', fileType: 'jpg', quality: 0.2, success: function(res) { that.getImageInfo(res.tempFilePath); }, fail: function(error) { console.error(`canvasToTempFilePath failed, ${JSON.stringify(error)}`); that.triggerEvent('imgErr', { error: error }); } }, this ); }, 300); } [代码] TODO 颜色值选择支持调色板工具 文字padding支持 缩放位置弹跳问题优化 假如需求大的话，支持其他几款插件库代码的生成 ~ 创作不易，如果对你有帮助，请给个星星 star✨✨ 谢谢 ~

{title: "1231321", path: "/pages/index/index?id=1", imageUrl: "http://tmp/wx72a406d3a4de4821.o6zAJs9nSTp8WpYG1y2T….xGufqdOAW0Lpf86dd1758aa0717e6fae39cd52753c9a.png"} 这种图片路径在onShareAppMessage中return是白色图  该图片在工具canvas中能正常显示，在iPhone的canvas中一片白，所以导致分享的图也是一片白

【貌似官方修复了这个问题。现在可以了。】 https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.drawImage.html drawImage( )不支持本地tmp路径的临时文件，谨慎使用，太坑了。 写法1. ``` path = 'tmp/wxf65e9ae5f68283d2.o6zAJs5h4IkyHaGS7_j6gUPGTR9c.arwyj04Eq2ok341457e272957e237fa21d743912f60b.jpg' ctx.drawImage(path, 0, 0, width, height, 0, 0, canvasWidth, canvasHeight) ``` 提示：Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas)';at SelectorQuery callback function 写法2. ``` const img = canvas.createImage() img.src = path img.onload = () =>{     ctx.drawImage(img, 0, 0, width, height, 0, 0, canvasWidth, canvasHeight) } ``` 提示：tmp/wxf65e9ae5f68283d2.o6zAJs5h4IkyHaGS7_j6gUPGTR9c.arwyj04Eq2ok341457e272957e237fa21d743912f60b.jpg:1 GET http://tmp/wxf65e9ae5f68283d2.o6zAJs5h4IkyHaGS7_j6gUPGTR9c.arwyj04Eq2ok341457e272957e237fa21d743912f60b.jpg net::ERR_PROXY_CONNECTION_FAILED

各位开发者： 为了提高 Canvas 组件的性能，我们计划在小程序基础库 v2.9.0 正式开放一套全新的 Canvas 接口。该接口符合 HTML Canvas 2D 的标准，实现上采用 GPU 硬件加速，渲染性能相比于现有的 Canvas 接口有一倍左右的提升。现邀请广大开发者参与 Canvas 接口的公测。 公测需使用 iOS v7.0.5 版本，接口用法可参考该代码片段。 欢迎广大开发者参与公测，如有问题，请在本帖下方评论反馈。 微信团队 2019.08.29

提交审核，反馈要求添加 “内测-处方药服务类目” 但是目前类目中没有内测类目，已发邮件到客服邮箱，目前没收到反馈，是否还需要其他申请？

小程序类目处方药，内测在哪里申请

按照官方文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 配置后出现如下问题 1、vue中提示组建未注册 2、页面按钮不显示 有踩完坑的吗 分享一下经验

公司做的在线药品销售小程序，客户方去省里咨询过已经不提供《互联网药品信息服务资格证书》了，但是省里说了营业执照里有网上销售就可以，并且营业执照里确实有网上销售这个范围，但是审核依然是不通过，请问官方人员能提供解决方案吗？谢谢

什么内容或服务的小程序需要补充电商平台类目？ 小程序为企业或个人提供网上交易的平台，可以理解为多个经营者提供交易的平台；或在线提供实物众筹服务，需补充电商平台类目。 [视频] 所需资质（二选一）： [图片] 案例1：下图小程序内涉及商家入驻/店铺街入口提供交易平台服务，需补充电商平台类目。[图片] 案例2：下图小程序内涉及提供实物众筹服务，需补充电商平台类目。 [图片]

我司与医疗机构合作建立互联网医院，我们已经通过广东省的政策指导： 1.在合作方医疗机构的《医疗机构执业许可证》已经打印了医疗机构XX互联网医院 2.我司已与医疗机构签订了合作协议，在广东省监管平台已经备案。 3.我们在申请小程序，入驻类目为互联网医院时，采用我司为主体，上传合作医疗机构的《医疗机构执业许可证》以及合作协议，我想问一下为什么说主体不一致呢，为什么不能通过呢，这个不是符合法规要求的吗？

共抗疫情，小程序在行动！ 为帮助开发者开发更多优质的便民小程序，平台在「微信学院」内提供针对医疗、政务行业的行业解决方案，供开发者参考学习。 微信开放社区 · 服务平台上线「共抗疫情 · 小程序服务专区」，为政府及机构提供更多小程序案例及服务商信息。通过专区，服务商及开发者提供的疫情服务可以被更多需求方发现，促成与政府、医疗机构的合作，为用户带来更丰富的线上服务。 服务商入驻专区指引 一、 注册成为小程序服务商，前往注册。如已注册成为平台服务商，可直接进入第二步。 二、登录微信开放社区，创建企业主页 三、上架疫情小程序模板、插件等服务，查看指引 请申请入驻「共抗疫情 · 小程序服务专区」的服务商，务必在服务详情页内，添加已上线的符合要求的小程序案例（具体要求见下文）。平台将根据企业主页内的服务内容、服务的小程序情况审核你的申请。审核通过的案例及服务商信息，将会展示在专区内。 案例小程序要求： 类目要求：服务商服务的小程序，限定在政务民生一级类目、医疗（公立医疗机构/私立医疗机构/互联网医院）类目功能要求：小程序提供的服务与疫情相关，如：疫情信息、在线问诊、新型肺炎预防、疫情防控线索上报、肺炎自查上报、口罩预约等服务。[图片] 抗击疫情路上，服务商助力小程序，一路前行！

- 问题描述 审核结果 (1):你好，贵方小程序涉及非处方药的在线交易及配送，请补充选择医疗-药品（非处方药）销售类目，并在基础信息处申请该类目，通过资质审核并在配置功能页添加符合该类目的功能页面。  我司是第三方药品交易平台，具有合法的《互联网药品交易服务资格证书》和《互联网药品信息服务资格证书》，通过信息展示，提供交易工具撮合上游（药品商业公司）和下游（药店）完成交易。 审核反馈需要申请医药-药品（非处方药）销售类目，需要《互联网药品信息服务资格证书》和《药品经营许可证》，作为交易撮合平台，我司不会直接参与销售，所以并没有《药品经营许可证》。 我司有资质管理平台负责审核上下游的交易资质（包括《药品经营许可证》）合法有效，公司监管平台接受国家药监局直接监管。请问这种情况怎么处理？

小程序业务的蓬勃发展，离不开第三方服务商的支持。平台希望第三方服务商明确自身的责任担当，和平台建立良好的信息通路，实现最终的合作共赢目标，从而推出了一系列以审核为基础的运营机制优化方案。 一、预检机制（上线时间：8月15日） 为了综合提升第三方审核效率，平台将于8月15日起，推行小程序第三方预检加速机制。针对第三方短期内大批量提审的小程序，平台将随机抽取一批提审小程序作为样本进行预先检查，其中对于预检质量较为优质的第三方，将会安排加速审核（审核时长<12小时）；对于预检质量较为低劣的第三方，将会安排审核降级（即延期3-7天后进行审核）。后续提审质量较为优质的第三方，将会实现更快过审。 [图片] Q：这批小程序被延迟审核了，服务商怎么收到通知的？ A：每天中午12点，若存在还未审核或撤回的延期审核小程序，平台会通过服务商站内信定期通知，此外，当一个小程序进入延迟审核状态时，会通过推送接口（点击查看）进行推送。第三方也可以使用查看接口（点击查看），查询某个小程序是否在延迟审核状态。 Q：怎么撤回延迟审核状态的小程序？ A：第三方可以通过撤回接口（点击查看）撤回延迟审核中的小程序，按照站内信反馈的违规原因分布，进行优化后再次提审，以提升审核效率。 Q：撤回后提审会消耗我每月的quota么？撤回后提审还不通过怎么办？ A：每次撤回再提审都会消耗当月的quota值，第三方的提审合格率会是后续审核资源分配的重要评估维度。撤回后不优化再次提审，会导致本月提审合格率下降，影响后续的资源分配！ Q：预检的准确性如何，样本不合格，总体也有可能是合格的呀？ A：平台会不断对比样本和总体的准确率，完善预检模型，确保预检的科学合理性。从之前灰度的情况看，预检的科学性有很好的保证，样本的合格率可以准确反馈总体的合格率情况。 Q：预检质量好和坏怎么决定？为什么我整体合格率还可以但还是没有过预检？ A：预检质量当前包括以下两个维度：1，整体合格率（合格小程序/样本总数），2，高危违规比例（高危违规个数/样本总数），其中，高危违规定义为：涉及黄赌毒等平台不允许的内容，金融、医疗、社交等风险高的类目，以及其他平台评估对小程序生态、用户体验危害大的行为。 二、提审额度限制（quota）（上线时间：9月1日） 由于第三方业务的快速发展，每日审核的单量逐步增多，部分第三方提审习惯差，大量无效低质的提审，阻塞了审核队列，需要对这批第三方进行提审限制，保证其他第三方的提审体验。 每个第三方后续的提审，将按月分配一定的额度，当每月提审次数超过提审额度时，将无法继续提审，需要等待下月1号重新分配额度。提审额度的分配和调整，将基于第三方的业务发展需要、提审质量、线上小程序违规情况等因素进行综合考虑。 三、加急审核（上线时间：9月1日） 为了保证第三方的重要核心业务不受审核排队影响，提升第三方提审体验，平台计划9月上线加急审核功能，对第三方开放一定的加急额度。加急小程序保证小于12小时的审核时效。 第三方加急审核适用的小程序： 1，授权给该第三方且满足一定期限 2，当前在审核排队队列中 3，无其他平台不允许加急因素存在 四、第三方反馈和运营控制（下半年上线） 为了加强第三方和平台的相互理解、信息互通，避免在实际运营过程中，因为信息不通导致的低效问题，后续平台将加强和第三方的线上线下交流，同时完善各个环节的信息沟通反馈机制。同时，对于第三方，将采用更多的措施进行运营，对于表现好的第三方，后续将在各个环节给到相应的支持，对于表现不好的第三方，将给到相应的处罚，表现特别恶劣的第三方，后续将清除出平台。 更多信息请关注后续上线公告