小程序开发基础

记录一下小程序开发，附加一个简单demo（希望可以写完，太懒了）

一、小程序注册

首先找到微信公众平台  网址：https://mp.weixin.qq.com/

1、点击立即注册

2、选择小程序

3、填写相关信息（注意一个邮箱只能注册一个小程序）

4、邮箱验证之后来到最后一步（我选择的个人，可以根据需要选择不同的，个人需要填写身份信息等）

5、注册完成后登录可以看到以下界面

可以进一步编辑小程序的详细信息（比如我的，下面的分类可以选择适合自己小程序的）

6、要说一下的是，管理员（注册该小程序的人），开发者和体验者（各15个，开发者主要是协作开发，而体验者只有在有体验版本时才能预览小程序）

7、在开发管理中，可以找到你的小程序ID，服务器域名配置，消息推送等

二、微信开发者工具

我使用的是原生开发者工具，也就是官方的，其他好用的工具也可以  下载地址 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

安装完成后我们就可以开始写代码啦，首先打开微信扫一扫登录，使用注册小程序的同账号，不同账号需要开发者权限

时刻打开官方文档 https://developers.weixin.qq.com/miniprogram/dev/framework/

点击新建，APPID填你注册的小程序的id，后端服务根据你的需要选择是否使用云服务，我选的否

然后进入开发页面，主要工具开发文档也有介绍

三、代码

1、小程序的全局配置

找到app.json文件，进行整个小程序的配置，对应开发文档的框架->小程序配置

将需要的页面以及底部tab栏写出来，以及网站的主色调进行一个配置（我选择黄色和柠檬更配一点，哈哈哈）

（个人推荐写代码的时候开发文档可以同步写，将主色配色，字体大小，大概页面可以定好）

配色网站：https://flatuicolors.com/ 图标我用的阿里图标库 https://www.iconfont.cn/

大概就是这样的

app.json

{
  "pages":[
    "pages/index/index",
    "pages/chatMsg/chatMsg",
    "pages/mine/mine"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#ffd32a",
    "navigationBarTitleText": "柠檬小日常",
    "navigationBarTextStyle":"white"
  },
  "tabBar": {
    "color":"#929293",
    "selectedColor": "#ffd32a",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "/libs/icon/index_none.png",
        "selectedIconPath": "/libs//icon/index_select.png"
      },
      {
        "pagePath": "pages/chatMsg/chatMsg",
        "text": "畅言",
        "iconPath": "/libs/icon/chat_none.png",
        "selectedIconPath": "/libs/icon/chat_select.png"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "我的",
        "iconPath": "/libs/icon/mine_none.png",
        "selectedIconPath": "/libs/icon/chat_select.png"
      }
    ]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}