微信小程序开发文档

最近在开发一个小程序项目准备上线中也是第一个做的小程序中间遇到很多坑通过自己不断实践和努力解决了也分享给大家，缩短大家的开发时间。 一、 修改背景颜色 这是一个很常见的需求在html的中我们可以改变body&html的标签颜色，但是在小程序中你可以通过两种方法 1、修改page的颜色 2、在app.json的文件中修改 "backgroundTextStyle": "#f2f2f2", //注意这里两个属性值需要一致本人亲测 "backgroundColor": "#f2f2f2" 二、 地图引用（腾讯地图） 1、在小程序的需求当中地理位置是常见的一种需求我们这里选用的是腾讯地图，后台用的是百度地图有人肯定问为什么不使用同一个地图，这里是出于百度地图开发文档比较齐全，市面上的开源的插件功能也比较齐全所以后台选用的是百度地图，小程序的爸爸是腾讯所以选的腾讯地图但是在后台需要对经纬度值做一个转换因为百度和腾讯的地图不是同一种经纬度标准。 后期还是需要统一地图标准 腾讯地图使用方法 腾讯地图官网申请一个开发者帐号附（ http://lbs.qq.com/mykey.html ） 创建一个密钥 在微信公众号平台设置一个安全域名 这里有个坑如果你不设置这个安全域名在手机演示中无法访问地图api需要打开调试模式才行 具体api可以看腾讯地图文档 三、

下拉更新、分享、阅读标识 本文配套视频地址： https://v.qq.com/x/page/h0554... 开始前请把 ch3-4 分支中的 code/ 目录导入微信开发工具 这一篇中，我们把列表这块的剩余功能做完：下拉更新、分享、阅读标识。 下拉更新功能 下拉更新这个功能与我们在第一章中写的小 demo 所用方法一致： onReachBottom 。 当用户滚动过程中触发了 上拉 这个动作时候，微信小程序会自动监听到并执行 onReachBottom 这个函数，所以我们只需要把这个监听事件写好就行了： 修改 index.js ，增加 onReachBottom 函数： let handler = { // 此处省略部分代码 /* * 每次触发，我们都会先判断是否还可以『加载更多』 * 如果满足条件，那说明可以请求下一页列表数据，这时候把 data.page 累加 1 * 然后调用公用的请求函数 */ onReachBottom () { if (this.data.hasMore) { let nextPage = this.data.page + 1; this.setData({ page: nextPage }); this.requestArticle(); } }, } 分享功能 类似于 onReachBottom ，分享功能也是微信自带的一个监听事件回调函数

技术：小程序 概述 适合学习小程序的初级开发人员，入门教程 详细 代码下载： http://www.demodashi.com/demo/14956.html 小程序周边美甲美发预约Demo 代码主要写了轮播+导航切换+返回顶部+滑动切换+下拉菜单选择+用户信息获取。页面布局运用flex布局。 看代码时建议打开小程序文档，更好的了解组件或者Api。附上小程序文档链接： https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html 一、项目目录 二、演示效果 代码比较简单，适合想学习小程序而不知道如何下手的同学们，里面没有接口都是直接在data中模拟的数据。 在微信开发者工具中可以直接跑起来。 三、程序实现具体步骤 轮播图+导航切换+返回顶部 index.wxml <!--index.wxml--> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}"> <block wx:for="{{imgUrls}}" wx:key="index"> <swiper-item> <image

欢迎大家前往 云+社区 ，获取更多腾讯海量技术实践干货哦~ 作者： 小程序音视频产品经理 腾讯云提供了全套技术文档和源码来帮助您快速构建一个音视频小程序，但是再好的源码和文档也有学习成本，为了尽快的能调试起来，我们还提供了一个免费的一键部署服务：您只需轻点几下鼠标，就可以在自己的账号下获得一个音视频小程序，同时附送一台拥有独立域名的测试服务器，让您可以在 5 分钟内快速构建出自己的测试环境。 通过微信公众平台授权登录腾讯云 打开 微信公众平台 注册并登录小程序，按如下步骤操作： 单击左侧菜单栏中的【设置】。 单击右侧 Tab 栏中的【开发者工具】。 单击【腾讯云】，进入腾讯云工具页面，单击【开通】。 使用小程序绑定的微信扫码即可将小程序授权给腾讯云，开通之后会自动进去腾讯云微信小程序控制台，显示开发环境已开通，此时可以进行后续操作。 注意：此时通过小程序开发者工具查看腾讯云状态并不会显示已开通，已开通状态会在第一次部署开发环境之后才会同步到微信开发者工具上。 进入微信公众平台后台 开通腾讯云 腾讯云微信小程序控制台 免费开通腾讯云服务 1 开通直播服务 1.1 申请开通视频直播服务 进入 直播管理控制台 ，如果服务还没有开通，则会有如下提示: 点击申请开通，之后会进入腾讯云人工审核阶段，审核通过后即可开通。 1.2 配置直播码 直播服务开通后，进入【直播控制台】>【直播码接入】>

报错： VM26:1 http://*** 不在以下 request 合法域名列表中，请参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html 解决： 【开发环境】 若此时只是在开发环境，也并没有一个ICP备案的域名。此时，解决方案是对 微信开发者工具 进行设置。 设置路径： 【设置 - 项目设置 】 勾选 “不校验合法域名、…” 这项 【正式环境】 如果当前是正式环境，则需要根据报错提示，按照地址的链接，看官方文档，进行 服务器域名配置 。 登录 https://mp.weixin.qq.com/wxamp/devprofile/ 进行配置： 以下是常用官方文档摘要的配置规则： 服务器域名请在 「小程序后台-开发-开发设置-服务器域名」 中进行配置 域名只支持 https 协议； 域名不能使用 IP 地址（小程序的局域网 IP 除外）或 localhost； 可以 配置端口 ，如 https://myserver.com:8080，但是配置后 只能 向 https://myserver.com:8080 发起请求。 如果不配置端口 。如 https://myserver.com，那么请求的 URL 中也 不能包含端口 ，甚至是默认的 443 端口也不可以。

ylbtech-微信-小程序-开发文档-服务端-模板消息：templateMessage.addTemplate 1. 返回顶部 1、 templateMessage.addTemplate 本接口应在服务器端调用，详细说明参见 服务端API 。 本接口支持 云调用 。需开发者工具版本 >= 1.02.1904090 （最新 稳定版下载 ）， wx-server-sdk >= 0.4.0 组合模板并添加至帐号下的个人模板库 调用方式： HTTPS 调用 云调用 HTTPS 调用 请求地址 POST https://api.weixin.qq.com/cgi-bin/wxopen/template/add?access_token=ACCESS_TOKEN 请求参数 属性 类型 默认值 必填 说明 access_token string 是 接口调用凭证 id string 是 模板标题id，可通过接口获取，也可登录小程序后台查看获取 keyword_id_list Array.<number> 是 开发者自行组合好的模板关键词列表，关键词顺序可以自由搭配（例如[3,5,4]或[4,5,3]），最多支持10个关键词组合 返回值 Object 返回的 JSON 数据包 属性 类型 说明 errcode number 错误码 errmsg string 错误信息 template_id

ylbtech-微信-小程序：小程序 小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 1. 返回顶部 1、 开放注册范围 个人 企业 政府 媒体 其他组织 2、 2. 返回顶部 1、 开发支持 提供一系列工具帮助开发者快速接入并完成小程序开发。 开发文档 介绍小程序的开发框架、基础组件、API及相关开发问题 更多 开发者工具 集成开发调试、代码编辑、小程序预览及发布等功能 更多 设计指南 提出设计原则及规范，帮助建立友好、高效、一致的用户体验 更多 小程序体验DEMO 可体验小程序组件及API功能，并提供调试功能供开发者使用 更多 2、 3. 返回顶部 1、 接入流程 注册 在微信公众平台注册小程序，完成注册后可以同步进行信息完善和开发。 小程序信息完善 填写小程序基本信息，包括名称、头像、介绍及服务范围等。 开发小程序 完成小程序开发者绑定、开发信息配置后，开发者可下载开发者工具、参考开发文档进行小程序的开发和调试。 提交审核和发布 完成小程序开发后，提交代码至微信团队审核，审核通过后即可发布（公测期间不能发布）。 前往注册 2、 4. 返回顶部 5. 返回顶部 0、 https://mp.weixin.qq.com/cgi-bin/wx 1、 6. 返回顶部 作者： ylbtech 出处： http:/

ylbtech-小程序：小程序绑定微信开放平台帐号|公众号关联小程序 1. 小程序绑定微信开放平台帐号 返回顶部 1、 小程序绑定微信开放平台帐号 小程序绑定微信开放平台帐号后，可与帐号下的其他移动应用、网站应用及公众号打通，通过UnionID机制满足在多个应用和公众号之间统一用户帐号的需求。 UnionID机制说明：如果开发者 拥有多个移动应用、网站应用、和公众帐号（包括小程序） ， 可通过UnionID来区分用户的唯一性 ，因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号（包括小程序），用户的unionid是唯一的。换句话说，同一用户，对同一个微信开放平台下的不同应用，UnionID是相同的。 用户的UnionID可通过调用“获取用户信息”接口获取 。 了解“获取用户信息”接口请查看开发文档—API—开放接口—用户信息。 绑定小程序流程说明：登录微信开放平台（ open.weixin.qq.com ）—管理中心—公众帐号—绑定公众帐号 注意：微信开放平台帐号必须完成开发者资质认证才可以绑定小程序。 2、 2. 公众号关联小程序 返回顶部 1、 公众号关联小程序 公众号关联小程序后，将可在图文消息、自定义菜单、模板消息等功能中使用小程序。 关联规则： 所有公众号 都可以关联小程序。 一个公众号可 关联10个同主体的小程序 ， 3个不同主体 的小程序。

团队作业：项目的总结与反思，请从以下方面展开： 1、选题 2、团队合作及冲突解决 3、项目实现 4、今后计划 答：总结与反思如下 1）选题 我们组选择的项目是做一个微信小程序。微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生 APP 体验的服务。 基于微信小程序轻快的特点，小程序拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。 2）团队合作及冲突解决 合作： a. 一个高效率的团队，成员不一定是十全十美的，要充分尊重并接受各具特长的每个成员。每个人不是一定完美的，但是一定有自己的发光点。 b. 既然各有所长，也要各取所短。容纳每个人的缺点和不擅长之处，互相取长补短。团队成员千万不要瞧不起别人，要虚心倾听他人意见，虚心请教。 c. 当然，有分歧的时候、意见不同的时候肯定会遇到，这是很正常的事情，这种情况下，每个成员发表自己的意见，最后由团队组长决定。 d. 团队想要高效率的工作，就要给予每个成员合适的工作。让每个人做自己各自擅长的部分，这样时间上的效率就非常高，如果有剩余时间

团队作业：项目的总结与反思，请从以下方面展开： 1、选题 2、团队合作及冲突解决 3、项目实现 4、今后计划 答：总结与反思如下 1）选题 我们组选择的项目是做一个微信小程序。微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生 APP 体验的服务。 基于微信小程序轻快的特点，小程序拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。 2）团队合作及冲突解决 合作： a. 一个高效率的团队，成员不一定是十全十美的，要充分尊重并接受各具特长的每个成员。每个人不是一定完美的，但是一定有自己的发光点。 b. 既然各有所长，也要各取所短。容纳每个人的缺点和不擅长之处，互相取长补短。团队成员千万不要瞧不起别人，要虚心倾听他人意见，虚心请教。 c. 当然，有分歧的时候、意见不同的时候肯定会遇到，这是很正常的事情，这种情况下，每个成员发表自己的意见，最后由团队组长决定。 d. 团队想要高效率的工作，就要给予每个成员合适的工作。让每个人做自己各自擅长的部分，这样时间上的效率就非常高，如果有剩余时间