【微信小程序】小程序的开发环境的搭建

为了提高开发速度,代码都是在本地码的,调试环境也在本地,因此上线时,要对一些配置文件进行修改。

1.修改server/config.js

  • 首先将之前为了搭建本地开发环境,粘贴的代码注释掉,如下所示

  • 其次修改mysql配置,将pass该为小程序的appid,因为腾讯云提供的数据库默认密码为小程序appid

 

2. 修改src/config.js

为了方便切换本地开发环境与腾讯云开发环境,在src/config.js中定义了host。如下所示

// 本地开发环境
// const host = 'http://localhost:5757'

// 腾讯云
const host = 'https://pepzpjow.qcloud.la'

上述的host可由小程序开发工具中的详情中得到

3.上传测试代码

  • 点击腾讯云

  • 点击上传测试代码(若要正式发布上线,点击上传正式代码)

  • 可能出现的小bug

若提示在project.config.json中找不到qcloudroot字段,请在该文件中添加

 "qcloudRoot": "./server/",
  • 上传成功

4.后台管理

  • 登录小程序的微信公众平台,从设置中进入后台开发环境管理页面

  • 进入后页面如下,点击phpMyAdmin进入后台数据库管理

  • 登录数据库,用户名默认为root,密码为小程序appid

  • 初始化数据库,在数据库中创建所需要的表格

点击sql选项,可以在该处输入sql语句创建表格,点击执行完成创建

执行后刷新,可看到cAuth数据库下面已经有了我们所需的表格

  • 但由于没有显示的设置字符编码,可能会造成中文字符的乱码问题(本地由于使用utf-8所以不会有问题)。为了解决此问题,进行下列操作:
  1. 打开cmd 登录mysql。

  2. 输入use cAuth 回车。切换到小程序项目的数据库。

  3. 然后输入以下命令

    show create table 你的表名;

    输入回车后可以看到创建该表的指令,

  4. 将前面没有指定字符集建立的数据表删除,使用| book | 后面的sql代码建立数据表
     CREATE TABLE `book` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `isbn` varchar(20) NOT NULL,
      `openid` varchar(50) NOT NULL,
      `title` varchar(100) NOT NULL,
      `image` varchar(100) DEFAULT NULL,
      `alt` varchar(100) DEFAULT NULL,
      `publisher` varchar(100) DEFAULT NULL,
      `summary` varchar(1000) DEFAULT NULL,
      `price` varchar(100) DEFAULT NULL,
      `average` float DEFAULT NULL,
      `tags` varchar(100) DEFAULT NULL,
      `author` varchar(100) DEFAULT NULL,
      `count` int(11) DEFAULT '0',
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=24 DEFAULT CHARSET=utf8 |

    删除表操作,如下:

配置完成后 测试环境即搭建完成,可以点击小程序开发工具的预览在真机上测试

猜你喜欢

转载自blog.csdn.net/Titanium_S/article/details/82259884