微信小程序开发

1.今天看了看制作小程序的视频 网址如下在b站 https://www.bilibili.com/video/av30608960?p=1 前12p p1认识小程序随便搂了一眼 p2小程序开发流程 p3小程序设计规范没怎么看 p4小程序运营规范 p5小程序实战项目简介 p6创建项目和目录文件结构 仔细看 p7页面配置初探 p8view text image组件的介绍 p9快速实现布局 p10适配不同宽度屏幕 p11新增每周推荐页 p12使用navigator组件 基本了解了小程序开发流程，和基本方法，比较适合初学者学习研究 开发工具：微信开发者工具 来源： https://www.cnblogs.com/zpsblog/p/12249809.html

后边要做一个微信小程序，并要能获取用户微信绑定的手机号码。而小程序开发文档上边提供的获取手机号码的接口（getPhoneNumber()）返回的是密文，需要服务器端进行解密，但是官方提供的开发文档一如既往的乱，如果没有对小程序开发文档有一个整体的了解，搞懂解密流程还是有点难的。这里把小程序从请求用户授权获取手机号码直至获取到手机号码明文的整个流程串了起来，方便迅速了解,如下： 一. 前端相关操作： 1. 请求用户授权获取手机号码: 因为需要用户主动触发才能发起获取手机号接口，所以该功能不由 API 来调用，需用 <button> 组件的点击来触发，如下： wxml: <button wx:if="{{!phone}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> 获取手机号码</button> js: 1 Page({ 2 getPhoneNumber: function(e) {　　　　 3 if(e.detail.errMsg == "getPhoneNumber:fail user deny") return;　　 //用户允许授权 　　 4 console.log("lv", e.detail.iv); //包括敏感数据在内的完整用户信息的加密数据,需要解密 　　 5 console.log

现在微信小程序早已渗透我们日常生活的方方面面，很多商家看到了小程序带来的巨大流量，也想开发一个自己的小程序。所以今天就跟大家科普下微信小程序开发流程，你会发现这个开发过程其实非常简单。 1、 在微信公众平台上，注册一个小程序账号。根据注册指引填写相应信息，提交相应资料。 如果你有认证过微信公众号，可以直接在公众号后迅速创建小程序，显着小程序管理——快速注册并认证 小程序就行了。 2、 注册号账号后，登录小程序。在后台设置好小程序的名称、头像、服务类目等信息，提交后等待微信审核。 在菜单"设置"-"开发设置"中你会看到小程序的AppID。小程序的AppID相当于小程序平台的一个身份证，后续你会在很多地方要用到它。 3、 接下来，你就要使用工具来制作小程序主体了，这也是小程序开发上线流程中最重要的一步。这一步有两种方法，第一种方法适合有代码基础的人；第二种适合不懂代码的小白。 （1）适合码农的方法 对于码农来说，需要安装微信官方开发者工具，然后根据自己的操作系统下载对应的安装包，有关开发者工具 更详细的介绍可以查看《开发者工具介绍》。 安装好后，新建 小程序项目，选择代码存放的磁盘路径，填入刚刚申请到的小程序的AppID，给你的项目起一个名字，再勾选"创建QuickStart项目"，就可以开始制作自己的小程序了。有什么不懂的，可以参考开发者官方文档。 （2）适合小白的方法

导读：随着互联网技术的不断发展与更新，小程序和APP的用户使用率也越来越高，也有许多APP开发小程序，大家在使用小程序和APP的时候，可能并不觉得有什么不一样的地方，而且都是手机端的，但实际上，小程序和APP在设计上是有很多本质上的区别，主要有以下几个方面： 获取渠道： APP：App需要用户主动下载，对网络环境依赖性较强且需要有朋友推荐或者需求才会使用。 小程序：小程序通过二维码、微信搜索等方式可直接获得。微信是一个集中展示小程序的“商店”，我们只能通过二维码或者搜索小程序的名称，以及微信群或好友分享来发现并使用小程序。 占用空间： APP：一直存在于手机中占用空间，且太多的APP可能会导致手机内存不足，总要清理缓存。 小程序： 因为不需要安装，所以占用内存空间可以忽略不计。 开发周期： APP：APP开发一般在25天-50天左右，开发周期并不是很长。这个开发周期是较为合理的，但是也不一定准确，实际情况还是要具体分析。如果企业要求较多，想要的功能较为复杂，那么APP开发的时间会越长；反之如果功能较为简单，那么开发的时间也会缩短。 小程序：开发小程序一般要几天到几个月不等，主要看开发方式和功能需求，但是相较于APP会简单些。 功能的实现： App可以实现完整功能性的体验，灵活性强；小程序仅限微信提供的接口功能。小程序低频、非刚需、轻量级、功能较单一，高频刚需还是要下载使用APP。

小程序是一种全新的连接用户与服务的方式，可为用户提供接近原生APP的体验。 小程序的主要开发语言是 JavaScript。 小程序运行环境 1. 准备工作 ①申请账号 打开 小程序注册 进行注册。 ②下载开发工具 小程序开发工具 2.小程序代码构成 WXML文件：类似HTML WXCC文件：类似CSS JS文件：与用户交互 JSON文件：数据文件，JSON文件有key和value组成，其中key为字符串，value的值有6中类型： 数字，包含浮点数和整数 字符串，需要包裹在双引号中 Bool值，true 或者 false 数组，需要包裹在方括号中 [] 对象，需要包裹在大括号中 {} Null 还需要注意的是 JSON 文件中无法使用注释，试图添加注释将会引发报错. 3.小程序的宿主环境 微信客户端为小程序的宿主环境。 小程序的运行环境分成渲染层和逻辑层，其中 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。 小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用了WebView 进行渲染；逻辑层采用JsCore线程运行JS脚本。一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由Native（微信客户端），逻辑层发送网络请求也经由Native转发。 小程序的通讯模型示意图 4. 程序与页面 小程序目录结构

11 月 3 号晚上 10 点，微信公众平台发布公告，宣布微信小程序正式开放公测。此次小程序公测允许开发者将产品提交至微信公众平台审核，但是暂时不支持发布，也就是说普通消费者若想体验小程序，还需要等待一段时间。 什么人可以参与小程序公测？ 微信小程序的公测暂时只开放给 企业、政府、媒体、其他组织， 个人微信公众号暂时无法参与小程序公测。 此次公测开放的内容包括： 开发支持：提供一系列工具帮助开发者快速接入并完成小程序开发； 开发文档：介绍小程序的开发框架、基础组件、 API 及相关开发问题； 开发者工具：集成开发调试、代码编辑、小程序预览及发布等功能； 设计指南：提出设计原则及规范，帮助建立友好、高效、一致的用户体验； 运营规范：介绍微信公众平台小程序的审核标准及运营规则； 小程序体验 demo ：可体验小程序组件及 API 功能，并提供调试功能供开发者使用。 另外需要注意，现阶段每个机构帐号只允许注册最多 50 个小程序，每个小程序一年需要缴纳 300 块钱，所有小程序帐号都需要绑定一个电子邮箱，一个手机号码只能绑定 5 个小程序。 如何注册小程序公测？ 注册： 打开微信公众平台网址http://mp.weixin.qq.com，点击右上角的注册链接 在弹出的选择页面选择小程序 然后填写账号和密码 下一步填写申请资料 小程序信息完善： 填写小程序基本信息，包括名称、头像

首先先注册微信小程序管理 一、登录微信公众平台 https://mp.weixin.qq.com 二、点击立即注册。 注意：这里不要用微信公众号登录，小程序账号和微信公众号是不同的。 三、在注册页面点击小程序板块。 四、进入小程序注册页面。已经有小程序账号的可以直接登录。 五、注册成功后登录邮箱激活小程序账号。 六、激活后进入小程序身份信息登记，按要求填写好自己的个人/企业/组织等身份信息，通过后确认即可。 七、完成前期账号注册和认证后，即可进入小程序管理页面 点击查看 腾讯官方3元购小程序购买 在这里按照步骤购买微信小程序开发服务器，如果自己有服务器，那也可以自己搭建 附：小福利，链接： http://pan.baidu.com/s/1slK1R7B 密码：7jlw。微信小程序开发视频（有可能会过期，留言或者加我QQ2126417520，给你最新的） 搭建结束了之后，就是微信小程序开发了 微信小程序开发其实说难也不难，如果你有前端基础，那么会很容易上手，没有的话也很容易上手 个人建议可以开发过程看 微信小程序官方API ，不用看视频，看视频上手太慢。 最好从项目直接入手，这里有微信小程序100个例子，链接： http://pan.baidu.com/s/1c10txni 密码：urcf（有可能会过期，留言或者加我QQ2126417520，给你最新的） 来源： https:/

1、申请域名： 按个人网站或公司网站准备个人身份证/营业执照； 拍照并提交审核（3-4个工作日）； 审核备案（13-20个工作日）。 2、购买SSL证书： 购买并下载tomcat版本SSL证书，证书可通过阿里云、腾讯云等网站申请。 3、开放服务器443端口： 小程序要求必须开放443端口，如未开放或已被占用，请先腾出443端口。 4、安装MySQL数据库： 安装MySQL数据库、修改密码、配置MySQL访问权限、启动MySQL服务。 5、安装JDK： 安装JDK并配置环境变量。 6、安装Tomcat： 开放80端口、安装SSL证书。 7、申请微信小程序 申请小程序、开发设置、申请模板消息。 以上言论仅代表个人，如有问题联系本人删除或者修改。谢谢。同时有学习问题也可以留言交流。很乐意分享。 来源： CSDN 作者： 最是那低头的温柔 链接： https://blog.csdn.net/qq_31348173/article/details/104048496

一、目标 1、提升开发速度 2、更好的响应需求变化 二、面临的问题 业务需求的变化是永恒的，而变化势必会引发代码的变化，新增代码或修改代码。 改动的地方越多，引入新的错误几率就越大。 三、应对思路 最小化原则，确保每次业务需求变化可以用最小的代价来完成。 1、视图模板化，组件化 2、逻辑代码对象化、版本化 3、事件传递参数化、代理化 四、架构模型 1、视图 2、逻辑与事件通信 视图层需要传递一组参数（对象名、方法名、方法需要的参数） 五、代码示例 //wxml代码 <view bindtap='bindViewEvent' data-model="user" data-method="sayhello" data-text="hi,nihao">sayhello</view> //js代码，page页里只有一个事件路由业务函数 bindViewEvent:function(e){ app.excute(this,e); } //app.js /* * 事件路由函数 */ excute:function(that,e){ new umitech(that,this.config).extend(e);//动态加载对象，并调用相关方法 } github示例代码 来源： 51CTO 作者： 沙耶博士 链接： https://blog.51cto.com/12008764/2142095

一、小程序代码构成 .json 后缀的 JSON 文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件 JSON 配置 JSON是一种数据格式，在小程序中，起静态配置的作用。 小程序配置 app.json app.json 是当前小程序的 全局配置 ，QuickStart项目中的 app.json 配置内容如下： { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" } pages 字段——用于描述当前小程序所有页面路径，为了让wx客户端知道小程序页面定义在哪个目录 window 字段——定义小程序所有页面的顶部背景颜色，文字颜色定义等 工具配置 project.config.json 工具上做的任何配置都会写入到这个文件，重新安装工具或者换电脑工作时，只要载入同一个项目的代码包，开发者工具就自动会恢复到当时开发项目时的个性化配置，括编辑器的颜色