总结小程序开发文档(微信小程序项目开发总结)

小程序开发概述

最近领导布置了一个任务，单独开发一个小程序项目，要出一个小程序项目文档。这也是我第一次接触小程序，所以把领导对课题的要求和自己开发过程中遇到的问题总结如下:

1.如何创建一个小程序项目

公文中对这一步的描述已经很明确了，主要分为几个步骤:

申请一个账号，拥有一个小程序账号。在小程序管理平台上，可以看到小程序的AppID和AppSecret。管理员需要将开发者的微信号设置为开发者的账号，才能开发安装开发工具。开发工具简介微信小程序和微信官方账号都开发了自己的微信开发工具，集成了网页调试和微信官方账号内小程序调试两种开发模式。使用微信官方账号网页调试，开发者可以调试微信网页授权和微信JS-SDK详情。利用小程序调试，开发者可以完成小程序API和页面的开发调试、代码查看和编辑、小程序预览和发布等工作。增加了美人鱼语法1功能支持甘特图；

(相关学习推荐:小程序开发教程)

2.如何获取微信账号信息并与第三方账号绑定(小程序启动过程中你都经历过什么)

功能小程序一般需要获取用户的微信账号信息。最初小程序在刚进入时可以调用wx.getUserInfo(Object object)弹出微信授权。后来接口getUserInfo做了调整。当用户在没有授权的情况下调用这个接口时，不再出现授权弹出，直接进入失败回调。当用户被授权时，您可以通过调用此接口成功获取用户信息。现在，小程序需要点击按钮，通过按钮组件的bindgetuserinfo属性和open-type属性返回获取的用户信息，以获得授权:

lt按钮打开-type = ；getUserInfo bindgetuserinfo = userInfoHandler gt小程序的启动:。微信客户端会先把整个小程序的代码包下载到本地，然后再打开小程序。。然后通过app.json的pages字段就可以知道当前小程序的所有页面路径，pages字段写的第一页就是这个小程序的首页(打开小程序看到的第一页)。于是微信客户端加载首页的代码，通过小程序底层的一些机制就可以渲染出首页。小程序启动后，将执行app.js中定义的app实例的onLaunch回调。

我的小程序在app.js: 1的onLaunch方法中执行了哪些动作。项目启动时，执行wx.getSetting()获取用户当前的设置，判断用户是否被授权。2.如果用户被授权，调用wx.getUserInfo()获取用户信息，头像昵称等。，然后执行我的小程序的内部操作。3.如果用户未经授权，跳转到登录页面，用户单击按钮。

//app . js on Show:function(){ var that = this//显示本地存储容量var logs = wx . getstoragesync( # 39；日志 # 39；|||页面字段-用于描述当前小程序的所有页面路径。这是为了让微信客户端知道你的小程序页面当前定义在哪个目录下。窗口字段-定义顶部背景颜色、文本颜色定义等。applet的所有页面。选项卡栏字段-定义小程序底部的选项卡栏的性能以及切换选项卡时显示的相应页面。

{ 页面 ：

applet注册完成后，页面被加载，onLoad方法被触发。

页面加载后，onShow方法被触发来显示页面。

第一次显示页面时，会触发onReady方法来呈现页面元素和样式。一个页面只会被调用一次。

当applet在后台运行或跳转到其他页面时，onHide方法被触发。

当applet进入前台运行或重新进入页面时，onShow方法被触发。

当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页面并返回上一页wx.navigateBack()时，会触发OnUnload。

页面间的通信小程序有时需要页面间的数据传输。个人使用页面间的数据通信有两种方式:

页面A跳转到页面B时，在页面路由后携带参数，页面B在onLoad时在options中获取参数。页面a:wx . navigate to({ URL: # 39；../不相关/不相关？cname = # 39+cname+ # 39； cid = # 39+cid，})第b页:

onLoad:function(options){ If(options . cname){ this . setdata({ cname:options . cname，Cid: options.cid}}}如果要在页面之间传递的参数是对象或数组，则不建议通过路由来拼接参数。此时可以通过app.js页面a中的globalData全局变量赋值:onjumponettelevelpoint:function(e){ let child = e . current target . dataset . child let name = e . current target . dataset . name if(util . is valid array(child)){ app . global data . point child = child//全局变量赋值wx . navigate to({ URL: # 39；../知识/知识？name = # 39+name，}}}第B页:

onload:function(options){ if(util . is valid array(app . global data . point child)){ this . setdata({ progress list:app . global data . point child })} } 5 .如何开发公共代码

开发公共组件。个人使用组件构造函数来定义公共组件。组件构造函数可以用来定义组件。当调用组件构造函数时，可以指定属性、数据、方法等。的组件。具体的开发方法是:

在项目的外层目录下创建Components文件夹，创建component文件夹然后创建一个新的组件，在这里可以写页面结构，样式，事件等。公共组件。组件的js文件包含组件属性、组件数据、组件方法等。，类似于vue组件。Properties是组件的外部属性。例如，引用组件的页面传递给公共组件的值是通过属性接收的。在需要使用公共组件的页面的JSON文件中，添加usingComponents配置，使用公共组件。键值是组件在页面中使用时的标记名，val是公共组件的路径。在页面的wxml文件中，使用json定义的公共组件标签引用公共组件并传递数据:在公共组件中，通过属性接收引用页面传递的值，然后使用{{}}绑定组件页面上的数据。6.如何使用微信提供的API

为了让开发者能够方便的调整微信提供的能力，比如获取用户信息、微信支付等。，小程序提供了很多API供开发者使用。调用微信扫一扫功能:

Wx.scanCode({ //扫描API成功:函数(RES){ that . setdata({ ime code:RES . result }))；//接下来，执行您自己的业务逻辑。ChkWXZIme(res.result)}})调出本地相册选择图片或使用相机拍照(适用于更换头像):

wx.chooseImage({ count: 1，size type:[ # 39；原创 # 39；, '压缩 # 39；]，source type:[ # 39；相册 # 39；, '相机 # 39；]、success(res) {// tempFilePath可以作为img标签的src属性来显示图片让tempfile paths = RES . tempfile paths that . setdata({ # 39；用户信息。阿凡达 # 39；:tempfilepaths [0]}}，fail(){ that . setdata({ choose img:false } } })发起网络请求:

wx . request({ URL: # 39；'方法: # 39；邮政 # 39；，表头:{ # 39；内容-类型 # 39；: 'application/x-www-form -urlencoded # 39；}，data:{ session:app . global data . session }，success: function (res) {}})更多API能力参见小程序的API。

7.代码的审查和发布

审核:为了保证小程序的质量，符合相关规范，小程序的发布需要进行审核。

在开发者工具中上传小程序代码后，登录小程序管理后台-开发管理-开发版本，找到上传的版本。

在开发版本列表中，点击提交审核，按照页面提示操作，填写相关信息，即可提交小程序审核。

需要注意的是，开发者在提交审核之前，要对版本进行严格的测试。过多的审核失败，可能会影响后续的时间。

发布通过后，管理员会在微信中收到小程序通过审批的通知。这时候登录小程序管理后台-开发管理-审核版就可以看到审核版了。

请单击“发布”来发布小程序。

附:major.minor.patch主版本号，次版本号，补丁版本号。

补丁:修复bug，兼容老版本小:新增功能，兼容老版本大:新架构调整，不兼容老版本。

以上是小程序开发文档的细节总结。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：总结小程序开发文档(微信小程序项目开发总结) https://zhujicankao.com/79243.html