微信小程序基础入门[1]

1、前言

  首先，你要为自己申请一个AppID。小程序的 AppID 相当于小程序平台的一个身份证。切记，每个邮箱仅能申请一个小程序。如果你用该邮箱注册了公众号等，那该邮箱就不能注册小程序了。（因为都是腾讯的产品）同时，对于个人小程序，个人的微信号只能注册绑定5个小程序。一般来说，我们都是申请个人小程序。

2、创建项目

  接下来进入微信开发者工具，我们开始创建一个新的项目。项目名称可以自己改，位置我是放到了E盘。默认使用云服务（推荐）。

  AppID需要进入小程序后台管理登录页查看：

3、代码和目录结构

  如果你是新手，你搜素微信小程序HelloWorld，会有很多视频告诉你要删这个删那个。确实很多东西没有用，但是不要着急删，你如果学过传统前端技术（html、css、javascript），你会发现二者其实是挺相似的。你可以看看这个文件夹是干啥用的，尝试修改代码然后编译看看有什么变化。

  cloudfunctions是默认的云函数文件夹，下面存放的全部都是云函数；miniprogram是默认的小程序项目文件夹。没别的情况，不要改这两个名字。如果你真的想改，重命名文件夹后，还要在project.config.json文件中修改相应代码。

  在miniprogram文件夹下面有组件文件夹（components）、图片文件夹（images）、页面文件夹（pages）、样式文件夹（styles）等，除了以上的文件夹，还有全局文件——app.js、app.json、app.wxss。
  值得注意的是，在components文件夹下的chatroom文件夹中，自定义了一个组件（不是页面，而是一个构成页面的组件），通过json申明：

  通过观察我们可以发现，一个模块通常由四个文件构成：

  最基本的，小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

文件	必需	作用
app.js	是	小程序逻辑
app.json	是	小程序公共配置
app.wxss	否	小程序公共样式表

  一个小程序页面由四个文件组成，分别是：

文件类型	必需	作用
js	是	页面逻辑
wxml	是	页面结构
json	否	页面配置
wxss	否	页面样式表

  每一个模块/页面都以单独的文件夹进行保存，共同构成小程序。通过文件夹命名，不难猜测addFunction就是作用是添加的函数模块，databaseGuide肯定是数据库向导页面模块…

  特别的，工具型js文件、样式型wxss文件可以放在一个单独的文件夹中，我们可以灵活变通。
  小程序根目录下的 sitemap.json 文件用来配置小程序及其页面是否允许被微信索引。默认情况应该是都可以被索引。

  最后，全局文件都以app命名，全局文件内部申明的资源可以作用到所有文件中。

  值得注意的是，不同类型的json文件对应着不同的配置：

1. project.config.json：可以在项目根目录使用该文件对项目进行配置。比方说指定小程序源码的目录、指定腾讯云项目的目录等
2. app.json：可以在小程序根目录使用该文件对微信小程序进行全局配置。
3. .json：每一个小程序页面可以使用同名 .json 文件来对本页面的窗口表现进行页面配置，页面中配置项会覆盖 app.json 的 window 中相同的配置项。
4. sitemap.json：上文已讲过sitemap配置。

4、总结

  以上知识点均从官方文档中结合我的思路整理出来，是我的个人总结和经验。更加细致的讲解请参考官方文档。
  如果你觉得不错的话，请点个赞或点个关注支持一下博主吧。有错误也请指出，谢谢！