当前位置：首页 > news >正文

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

news 2025/8/26 20:22:46

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

一下载小程序工具

下载地址

二创建小程序

创建小程序

三初始化小程序

在这里插入图片描述

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 () {}
})

indxe.json

{"usingComponents": {}
}

index.wxml

<!--index.wxml-->
<view>首页</view>

4 app.json

{"pages": ["pages/index/index"],"window": {"backgroundColor": "#F6F6F6","backgroundTextStyle": "light","navigationBarBackgroundColor": "#F6F6F6","navigationBarTitleText": "自己小程序名","navigationBarTextStyle": "black"},"sitemapLocation": "sitemap.json","style": "v2"
}

5 app.wxss 所有内容清空

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

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