url 不转义_码code | 云开发半天搞定小程序,不耽误你的520约会

今天是520,在这么甜蜜的日子里,怎么才能不让小程序开发耽误自己下班后的约会呢?利用Omi x 云开发搭建markdown内容发布系统,半天就能搞定小程序。

转载来源:腾讯云云开发

原作者:腾讯 Omi 团队

想要开发小程序,但是......没有后端!没有运维!没有 DBA!没有域名!没有证书!没有钱!没有时间!没有精力!怎么办???

没有关系,小程序•云开发带你飞会 javascript 就可以

开发者可以使用「云开发」开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。「云开发」为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时,这一能力同开发者已经使用的云服务相互兼容。

目前提供三大基础能力支持:

  • 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码

  • 云数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 数据库

  • 存储:在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理

从0到1搭建markdown内容发布系统

本文将一步一步教你如何从0到1使用 「小程序•云开发 + Omip + Comi 」搭建一个支持 markdown 及代码高亮的「markdown 内容发布系统」。

预览:

18898492c80248fa00039db868b9abc2.png

一、初始化

1.建表

0f2d9ee0a7f172a0898977acedca6b26.png

操作路径: 微信开发者工具→云开发→数据库→添加集合

article 集合字段说明:

字段 说明
_id 数据的唯一 id,用户写入时系统自动生产
_openid 用户的唯一标识,用户写入时系统自动生产
createTime 文章创建时间
md 文章内容
order 文章的顺序
title 文章的标题

很明显,这个表用来存储所有的文章。然后设置表的读写权限:

22438e36abcae51503ca3f0fcef72e61.png

因为后续将支持用户发表文章,所有设置成第一个。

2.初始化项目目录

$ npm i omi-cli -g

$ omi init-cloud my-app

$ cd my-app

$ npm start

e09e8fd754d079b10c7a0826943a17c3.png

这里是使用 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 {

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值