SteveAndy/flea-market-applet

为了解决高校大学生二手物品线下交易痛点，使用微信云开发实现可以进行用户登录、商品分类、商品查询、商品发布、商品评论、个人信息修改等功能的微信小程序。

项目名称：跳蚤市场小程序

1. 项目部署

1.1 在开发者工具中新建项目

打开微信开发者工具，添加小程序项目，使用自己的APP ID，勾选云开发服务，新建项目。

1.2 下载代码

进入到项目目录中删除所有文件，使用如下命令将代码下载到本地：

git clone https://github.com/longgui007/flea-market-applet.git

1.3 初始化云环境并修改参数

点击开发者工具的云开发，启用云服务。新建自己的云环境，复制云环境ID，然后把app.js和所有cloudfunctions文件夹下所有云函数的index.js中的：

cloud.init({
  env: "xxxx" // 替换自己的云环境ID
})

的env的值替换成自己的云环境ID。此处很容易漏掉app.js中的云环境ID配置！

右击cloudfunctions，选择当前云环境。

分别右击category, commodity, commodity_question, commodity_answer, swiper, transaction, university, user云函数，选择在终端打开，输入如下命令安装依赖：

npm install --save tcb-router

1.4 云数据库初始化

打开 云开发->数据库->集合名称 建立8张数据表：category, commodity, commodity_question, commodity_answer, swiper, transaction, university, user

导入resources文件夹下相应json文件到指定数据库。

1.5 上传云存储

在 云开发控制台->存储 中新建bg-image文件夹，将resources文件夹下的图片上传至云存储中。

复制index-bg.jpg的下载地址，替换下面文件的url中的值

路径：miniprogram/pages/index/index.wxss

page{
  background-image: url(xxxx);
}

复制wave.gif的下载地址，替换下面文件第二个image src的值

路径：miniprogram/pages/home/home.wxml

<view class="UCenter-bg">
    <image src="xxxx" class="gif-wave"></image>
</view>

复制home-bg.jpg的下载地址，替换下面文件的url中的值

路径：miniprogram/pages/home/home.wxss

.UCenter-bg {
  background-image: url(xxxx);
  background-size: cover;
............
}

1.6 部署云函数

在cloudfunctions下右击每个云函数，点击 上传并部署：云端安装依赖。

1.7 运行项目

点击编译，运行项目。