总结小程序开发文档（小程序技术文档）

小程序开发概述

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

1.如何创建小程序项目

这一步骤在官方文件中有明确描述，主要分为几个步骤:

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

（相关学习推荐:小程序开发教程）

2.如何获取微信账号信息并与第三方账号绑定（小程序启动过程中发生了什么）

功能型小程序一般需要获取用户的微信账号信息。最初，小程序可以在首次进入时调用wx.getUserInfo（对象对象）弹出的微信进行授权。后来，接口getUserInfo进行了调整。如果用户未经授权调用此接口，授权弹出窗口将不再出现，并直接进入失败回调。如果用户被授权调用该接口，则可以成功获取用户信息。现在applet需要单击按钮，通过按钮组件的bindgetuserinfo属性和open-type属性返回获取的用户信息:

& lt按钮& gt& lt/button & gt；小程序启动:打开小程序前，微信客户端会将整个小程序的代码包下载到本地。然后你可以通过app.json的pages字段知道当前小程序的所有页面路径在pages字段中写入的第一个页面就是这个小程序的主页（打开小程序时看到的第一个页面）。所以微信客户端加载主页的代码，通过小程序底层的一些机制，就可以渲染主页了。小程序启动后，将执行app.js定义的app实例的onLaunch回调。

我的小程序在app.js的onLaunch方法中执行了哪些操作:1。项目启动时，执行wx.getSetting（）获取用户的当前设置，判断用户是否授权。2.如果用户获得授权，则调用wx.getUserInfo（）获取用户信息、头像昵称等。，然后进行我的小程序的内部操作。3.如果用户没有授权，跳转到登录页面，用户可以点击按钮弹出。

//app . js on Show:function（）{ Var that = this//显示本地存储容量Var logs = wx . getstoragesync（‘logs‘）| | Pages字段-用于描述当前小程序的所有页面路径，以便让微信客户端知道您的小程序页面当前定义在哪个目录中。窗口字段-定义小程序所有页面的顶部背景颜色和文本颜色定义。标签栏字段-定义小程序底部标签栏的性能以及切换标签时显示的相应页面。

{ & quot页面& quot：

注册小程序后，加载页面并触发onLoad方法。

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

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

当小程序在后台运行或跳转到其他页面时，会触发onHide方法。

当小程序进入前台或在后台重新进入页面时，onShow方法被触发。

当使用重定向方法wx . redirecto（OBJECT）或关闭当前页面以返回上一页wx.navigateBack（）时，会触发onUnload。

页面之间的通信小程序有时需要在页面之间传输数据。有两种方法可以在个人使用的页面之间传递数据:

当页面A跳转到页面B时，它在页面路由后携带参数，页面B在onLoad时在options中获取参数。页面a:wx . navigate to（{ URL:‘../无关/不相关？cname =‘+cname+‘& amp；cid =‘+cid，}）第b页:

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

onload:function（options）{ if（util . is valid array（app . global data . point child））{ this . setdata（{进度列表:app . global data . point child }）} 5。如何开发公共代码？

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

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

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

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

wx . choose image（{ count:1，size type:【‘original‘，compressed】，source type:【‘album‘，camera】，success（RES）{//tempfile path可作为img标记的src属性来显示图片let tempfile paths = RES . tempfile paths that . setdata（{‘userinfo . avatar:tempfile paths【0】）。}）}，fail（）{ that . setdata（{ choo simg:false } }）发起网络请求:

wx . request（{ URL:‘‘method:‘POST‘，header:{‘content -type:‘‘application/x-www-form -urlencoded‘}，Data:{ session:app . global Data . session }，success:function（RES）{ }）更多API功能请查看小程序的API。

7.代码审查和发布

提交审查为了确保小程序的质量并符合相关规范，小程序的发布需要进行审查。

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

在开发版本列表中，点击“提交审核”并根据页面提示填写相关信息，即可以提交小程序进行审核。

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

发布获得批准后，管理员将在微信上收到小程序获得批准的通知。此时登录小程序管理后台-开发管理-已审核版本即可看到已审核版本。

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

附件:版本号编写规范major.minor.patch主版本号、次版本号和补丁版本号。

补丁:修复bug，兼容旧版本次要:增加新功能，兼容旧版本主要:新架构调整，不兼容旧版本。

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

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

本文由主机参考刊发，转载请注明：总结小程序开发文档（小程序技术文档） https://zhujicankao.com/114334.html