了解微信小程序开发流程

前言:本文只适合初学者了解大致开发流程,好让后续学习胸有成竹,有条不紊

1、开发准备

① 在微信公众平台 (qq.com)完成微信小程序账号注册

②下载安装微信小程序开发者工具

2、创建项目

新建

新建时需要的appid,在微信公众平台中【开发-开发管理-开发者ID】可以找到

其他参数按照自己的需求选择即可。

认识

新建后,简单认识下项目结构和开发工具

项目结构

  1. 主要是两个部分:pages和utils,分别存放页面和工具
  2. 其中关于.json文件可以多熟悉,都是关于项目的配置,后面可以在开发逐步中掌握用法。

例如:

  • 新建页面,直接在文件app.json中新建路径即可,注意页面是按照路径的先后顺序展示的,比如会把第一个路径当作首页
  • pages下每个文件夹里单独的json文件拥有更高的优先级,可以覆盖app.json张的公共配置

3、编码

这个阶段就可结合B站黑马程序员微信小程序开发辅助学习,根据UI、ue图进行开发了。

组件、样式都和网页开发相似,只有细微不同,对于有基础的同学转换起来应该不难。

另外,所有组件api微信开放平台官网开发文档都有详细说明,非常方便

例如:

  1. 宿主环境自带的常用组件有三个view、scroll-view、swiper,分别是盒子相当于div、滚动区域、轮播
  2. 小程序api主要分三大类:
  • 事件监听类:以on开头监听事件的触发,比如wx.onWindowResize监听窗口尺寸变化
  • 同步类:例如wx.setStorageSync('key','value')向本地写入存储内容
  • 异步类:例如wx.request()发起网络请求,通过success回调接收数据

4、协同与发布

如果不是个人开发,而是公司团队合作则需要注重协调

开发流程和分工

管理员可以给分配角色,对小组成员进行管理,大致分为项目成员(参与开发)和体验成员(可体验)

发布

开发版本(体验版本)->审核版本->线上版本

主要分两步

1、在微信开发者工具中上传版本

2、上传版本会变成开发版本

此时提交审核,等待审核通过后,就会变成审核版本;审核版本再点击发布,就可变成线上版本了

此时就完成了微信小程序的开发

5、推广

通过小程序码推广

在【小程序管理后台-设置-基本设置-基本信息-小程序码及线下物料下载】可以找到

在小程序后台统计页面可以查看到小程序的访问情况,也可以通过手机上的“小程序数据助手”查看

相关推荐

  1. 程序登录流程

    2024-03-27 18:54:03       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-27 18:54:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-27 18:54:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-27 18:54:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-27 18:54:03       20 阅读

热门阅读

  1. 东方 - 分支(2) - 多分支

    2024-03-27 18:54:03       15 阅读
  2. python ch10 文件和异常

    2024-03-27 18:54:03       18 阅读
  3. node整理学习(三)

    2024-03-27 18:54:03       18 阅读
  4. 海思 Hi3403V100 简介

    2024-03-27 18:54:03       30 阅读
  5. Idea与DataGrip各版本通用破解码,无需脚本。

    2024-03-27 18:54:03       69 阅读
  6. 深入理解 LVS:配置与应用详解

    2024-03-27 18:54:03       21 阅读
  7. 单位里,永远要记住这些残忍的处事之道!

    2024-03-27 18:54:03       17 阅读
  8. Linux安装程序

    2024-03-27 18:54:03       19 阅读
  9. Linux UVC Gadget Driver开发

    2024-03-27 18:54:03       16 阅读
  10. c#委托案例

    2024-03-27 18:54:03       17 阅读