今天是520,在这么甜蜜的日子里,怎么才能不让小程序开发耽误自己下班后的约会呢?利用Omi x 云开发搭建markdown内容发布系统,半天就能搞定小程序。
转载来源:腾讯云云开发
原作者:腾讯 Omi 团队
想要开发小程序,但是......没有后端!没有运维!没有 DBA!没有域名!没有证书!没有钱!没有时间!没有精力!怎么办???
没有关系,小程序•云开发带你飞,会 javascript 就可以!
开发者可以使用「云开发」开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。「云开发」为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时,这一能力同开发者已经使用的云服务相互兼容。
目前提供三大基础能力支持:
云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码
云数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 数据库
存储:在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理
从0到1搭建markdown内容发布系统
本文将一步一步教你如何从0到1使用 「小程序•云开发 + Omip + Comi 」搭建一个支持 markdown 及代码高亮的「markdown 内容发布系统」。
预览:
一、初始化
1.建表
操作路径: 微信开发者工具→云开发→数据库→添加集合
article 集合字段说明:
字段 | 说明 |
---|---|
_id | 数据的唯一 id,用户写入时系统自动生产 |
_openid | 用户的唯一标识,用户写入时系统自动生产 |
createTime | 文章创建时间 |
md | 文章内容 |
order | 文章的顺序 |
title | 文章的标题 |
很明显,这个表用来存储所有的文章。然后设置表的读写权限:
因为后续将支持用户发表文章,所有设置成第一个。
2.初始化项目目录
$ npm i omi-cli -g
$ omi init-cloud my-app
$ cd my-app
$ npm start
这里是使用 omip 作为脚手架,也支持 Omi mps-cloud 创建原生小程序的云开发的脚手架:
$ npm i omi-cli -g
$ omi init-mps-cloud my-app
$ cd my-app/miniprogram
$ npm install
$ npm start
3.项目初始化 app.js
import './app.css'
import './pages/list/index'
import { render, WeElement, define } from 'omi'
define('my-app', class extends WeElement {
config = {
pages: [
'pages/list/index',
'pages/detail/index',
'pages/import/index'
],
window: {
backgroundTextStyle: 'light',
navigationBarBackgroundColor: '#fff',
navigationBarTitleText: 'Omi Cloud',
navigationBarTextStyle: 'black'
}
}
install() {
if (!wx.cloud) {
console.error('请使用 2.2.3 或以上的基础库以使用云能力')
} else {