上传代码

同预览和真机调试不同,上传代码是用于提交体验或审核使用的。

点击开发者工具顶部操作栏的上传按钮,填写版号及项目备注(注意:版本号及项目备注是为了方便管理员检查版本使用的,开发者可以根据自己的实际要求来填写这两个字段)。

微信开发工具 如何配置 按需注入 微信开发者工具注释_上传


项目上传

编写完代码后,在微信开发工具点击上传,将项目上传至网上。

点击上传后,填写小程序项目版本1.0.0,点击上传后,便可以在小程序的后台看到发布的版本。

发布完后,可以在后台选择“体验版”,点击选择“选为体验版本”,即可生成体验版。除了开发人员外,他人也可以体验使用小程序,前提是需要加到体验者名单里。

微信开发工具 如何配置 按需注入 微信开发者工具注释_微信开发工具 如何配置 按需注入_02


开发版- - -仅仅开发人员和管理人员可以浏览项目。

体验版- - -只要在小程序后台,加入到体验人员名单里,即可扫码体验小程序

注意:在发布体验版本之前,只有管理员和开发人员才可以体验使用小程序,其他人员均无法使用。

提交审核
为了保证小程序的质量,以及符合相关的规范,小程序的发布是需要经过审核的。
①在开发者工具中上传了小程序代码之后,登录 小程序管理后台 - 开发管理 - 开发版本 找到提交上传的版本。
②在开发版本的列表中,点击 提交审核 按照页面提示,填写相关的信息,即可以将小程序提交审核。

发布
点击发布后,即可发布小程序,新发布后的小程序一般会在12-24小时内在客户端更新。
发布模式:全量发布和分阶段发布。
全量发布:当点击发布之后,所有用户访问小程序时都会使用当前最新的发布版本。
分阶段发布:分不同时间段来控制部分用户使用最新的发布版本,分阶段发布也称为灰度发布。

代码包优化

开发者:代码包上限的增加对于开发者来说,能够实现更丰富的功能。

用户:对于用户来说,增加了下载流量和本地空间的占用。

注意

①开发者在实现业务逻辑同时要尽量减少代码包大小,因为代码包大小直接影响到下载速度,从而影响用户首次打开体验。

②每次在“微信开发工具”上传代码时,都会显示项目代码包的大小;代码包超出限制后会给出相应提示,甚至禁止上传。

微信开发工具 如何配置 按需注入 微信开发者工具注释_微信开发工具 如何配置 按需注入_03


小程序目录结构

小程序由配置代码JSON文件模板代码 WXML 文件样式代码 WXSS文件以及逻辑代码 JavaScript文件组成。

项目里生成很多不同类型的文件:

①.json 后缀-----------JSON 配置文件

②.wxml 后缀---------WXML 模板文件

③.wxss 后缀--------- WXSS 样式文件

④.js 后缀--------------JS 脚本逻辑文件

  1. sitemap.json小程序收录设置
    默认值:默认所有页面都能被索引,开发中一般不用进行相关配置。
    如果不想被搜索到,可以到小程序后台配置其小程序页面是否允许微信索引----->设置-基本设置-隐私设置
  2. project.config.json项目配置文件
    新增项目配置文件:小程序开发者工具在项目的根目录新增了一个项目配置文件project.config.json
    作用: 在工具上做的任何配置都会写入到这个文件,当重新安装工具或者换电脑工作时,只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
  3. 关闭开发工具中控制台的索引提示
    在小程序项目配置文件 project.config.json 的 setting 中添加配置字段 checkSiteMap 为 false
  4. 根目录文件
    ①pages,必须,用于存放页面文件的文件夹
    ②utils,非必,用于存放公共js的文件夹
    ③app.js,必须,小程序逻辑文件
    ④app.json,必须,小程序配置文件
    ⑤app.wxss,非必,小程序公共样式文件
    ⑥project.config.json,更新后自带,项目配置文件(无需关注)
    ⑦sitemap.json,更新后自带,小程序收录设置文件(无需关注)
  5. 小程序级别
    一个小程序主体部分由三个文件组成,必须放在项目的根目录。

微信开发工具 如何配置 按需注入 微信开发者工具注释_配置文件_04


6. 页面级别

①微信小程序是由若干页面构成的

②所有的页面内容必须存放在[pages]文件夹下

③在[pages]文件夹下,每个页面都具备一个独立的文件夹。

例:页面由以下4个文件组成

①index.wxml,必须,页面的结构文件,类似于HTML文档

②index.wxss,非必须,页面的样式表文件,类似于CSS文档

③index.js,必须,页面的逻辑文件,类似于js文档

④index.json,非必须,页面的配置文件(例如页面是否允许下拉刷新、等待icon样式等等)

规定:为了方便开发者减少配置项,描述页面的四个文件都必须具有相同的路径与文件名。