微信小程序

发表于 更新于 分类于 阅读次数： 本文字数： 1.6k 阅读时长 ≈ 1 分钟
  1. 申请小程序帐号
    注意事项：通常都是申请服务号，然后在里面添加小程序。
    所以实际上是注册服务号，然后在开通小程序。
    另外要支持支付功能，还需要做微信认证，这个只能是企业资质。

可以管理你的小程序的权限，查看数据报表，发布小程序等操作。
登录我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了

  1. 安装开发工具
    开发者工具介绍

微信小程序中就四种类型的文件

js ———- JavaScrip文件
json ——– 项目配置文件，负责窗口颜色等等
wxml ——- 类似HTML文件
wxss ——- 类似CSS文件

创建程序实例

app.js文件

App({
  onLaunch: function () {
    console.log('小程序启动后执行 App Launch')
  },
  onShow: function () {
    console.log('App Show')
  },
  onHide: function () {
    console.log('App Hide')
  }
})

log页面的logs.js

在渲染完界面之后，页面实例就会收到一个 onLoad 的回调

Page({
  data: {
    logs: []
  },
  onLoad: function () {
    this.setData({
      logs: (wx.getStorageSync('logs') || []).map(log => {
        return util.formatTime(new Date(log))
      })
    })
  }
})

底部导航

添加tabBar到app.json的window后面，新建images文件夹，添加图标，正常和选择两种

"window":{
    ...
  },
  "tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#11cd6e",
    "borderStyle": "white",
    "list": [
      {
        "selectedIconPath": "images/homeSelected.png",
        "iconPath": "images/home.png",
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "selectedIconPath": "images/logSelected.png",
        "iconPath": "images/log.png",
        "pagePath": "pages/logs/logs",
        "text": "日志"
      }
    ]
  }

上传文件服务器配置：

服务器域名需经过ICP备案，新备案域名需24小时后才可配置。域名格式只支持英文大小写字母、数字及“- ”，不支持IP地址及端口号。 如果没有服务器与域名，可前往腾讯云购买与配置，点击前往。

使用腾讯云提供的测试开发后台环境
https://github.com/tencentyun/wafer2-startup