微信小程序云开发笔记-初始化商城小程序

缘起：由于痴迷机器人，店都快倒闭了，没办法，拿出点精力给店里搞个小程序，要多卖货才能活下来搞机器人，在此记录一下搞小程序的过程，要不然搞完又忘了。腾讯的云开发，前端和后端都有了，也不用在找服务器了，简单省事。

一 下载小程序工具

下载地址

二 创建小程序

三 初始化小程序

1 把cloudfunctions文件夹内quickstartFunctions文件夹删除

2 把miniprogram\components下cloudTipModal文件夹删除

3images文件夹清空所有图片

4 pages文件夹里面只保留index文件夹，其他都删除

5 修改index文件夹下文件

index.js 把数据清空，只保留函数框架

Page({

  /**
   * 页面的初始数据
   */
  data: {
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

indxe.json

{
  "usingComponents": {
  }
}
1
2
3
4

index.wxml

<view>首页view>
1
2

4 app.json

{
  "pages": [
    "pages/index/index"
    
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "自己小程序名",
    "navigationBarTextStyle": "black"
  },
  "sitemapLocation": "sitemap.json",
  "style": "v2"
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

5 app.wxss 所有内容清空

6 app.js env参数修改不修改都没事

  wx.cloud.init({
        // env 参数说明：
        //   env 参数决定接下来小程序发起的云开发调用（wx.cloud.xxx）会默认请求到哪个云环境的资源
        //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
        //   如不填则使用默认环境（第一个创建的环境）
        env: 'cloud1-5gxjyqlndxxxxx',
        traceUser: true,
      });
1
2
3
4
5
6
7
8

7 编译

看到这里，并且没有报错，说明初始化完成，可以从0开始制作自己的小程序了。