/taro-cloud-app

基于 taro 和云开发的个人博客项目

Primary LanguageJavaScript

安装及使用

  1. 直接下载或者使用 git 克隆项目至本地

    $ git clone https://github.com/White1314/taro-cloud-app.git

  2. 使用 yarn 全局安装 taro 脚手架工具

    $ yarn global add @tarojs/cli

  3. 进入项目下的 client 目录

    $ cd D:\Program\taro\taro-cloud-app-master\client

  4. 安装项目所需的模块

    $ yarn add @tarojs/plugin-sass

  5. 编译

    $ yarn dev:weapp

    1593762274478

  6. 将项目导入到小程序开发者工具

    1593762616492

  7. 点击云开发，开通云服务

    1593762763940

  8. 新建 md 和 menu 集合，将 test 目录下的 json 分别导入到对应集合中

    1593763555062

  9. 右键 functions 目录选择刚才创建的云环境

    1593763957438

  10. 每个云函数的 env 换成自己的云环境 id

    1593765044673

  11. 分别右键云函数目录，点击第二个 [创建并部署: 所有文件]，显示云图标则云函数部署成功

    1593765361234

  12. 项目搭建完成。

    1593765883701

未解决的问题

  1. taro 不支持 layout 页面布局，导致多个页面重复引入头部组件，代码冗余。
  2. taro 子组件获取不到父组件异步获取的数据，导致获取数据的代码只能写在子组件中。
  3. hooks 不支持 config 配置，导致 Markdown 组件是用类的形式编写。
  4. wxss 不支持 first-child 等伪类，导致渲染的 md 样式有偏差，比如表格、列表等。

说明

  1. 本人新手上路，有不合理的地方请多指正。
  2. 感谢开源项目 huangjianke/Gitter 。
  3. 1.x 主要修改存在的 bug，预计 2.x 版本再引入 redux 以及 ts。
  4. 初始版本对细节有待完善，但适合新手学习使用。

体验二维码

图片