微信小程序开发学习笔记[0]

微信小程序开发学习笔记[0]


目录

微信小程序开发学习笔记[0]

一、什么是微信小程序

二、微信小程序的注册、开发、发布流程

三、微信小程序开发工具的简单介绍

四、小程序代码的目录结构及配置文件的使用

五、微信小程序的启动过程


一、什么是微信小程序

微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

二、微信小程序的注册、开发、发布流程

微信公众平台网址:https://mp.weixin.qq.com/

点击首页右上角立即注册即会跳转到注册页面。在注册页面选择小程序即跳入小程序的注册页面。

按照要求填写相关信息即可,如果个人学习,仅选择个人账户即可如果账号需要涉及到交易,个人账户不提供此类接口。

三、微信小程序开发工具的简单介绍

在微信小程序管理网站,提供微信小程序开发工具。下载安装即可。登录时需要扫码进入,

项目目录即你的源代码存放目录,AppID【开发】-->【开发设置】-->【AppID】是在微信公众平台注册后,为每一项目生成的唯一序列,粘贴过来复制即可。后面初学者建议勾选建立普通快速启动模板。

上图是微信开发者工具首次进入的布局,以及部分区域功能的介绍。作为初学者可以尝试尝试各个按钮的作用。

四、小程序代码的目录结构及配置文件的使用

微信小程序代码的构成
JSON 配置文件
WXML 模板文件
WXSS 样式文件
JS脚本 逻辑文件

JSON与XML同类,用来保存数据,WX(微信)ML类似于HTML,WXSS类似于CSS文件,JS文件javascript文件。

project.config.json 与项目无关,是开发工具的配置文件。

五、微信小程序的启动过程

  • 微信客户端下载小程序的代码包到本地
  • 从app.json中获取首页路径
  • 微信客户端装载并渲染
  • 首页小程序启动之后,在app.js定义的App实例的onLaunch 回调会被执行
  • 整个小程序只有一个App实例,是全部页面共享的

 

 

发布了30 篇原创文章 · 获赞 58 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/annjeff/article/details/85772084