新能力 | 云开发CMS内容管理系统，5分钟搞定小程序管理后台
<p>小程序·云开发的云调用能力，让用户可以免鉴权快速调用微信的开放能力，极大节约了开发成本。现在，大家期待已久的<strong>云开发 CMS 内容管理系统</strong>，终于上线啦！顺便提示，接下来还可以二次开发哦！</p><h3 id="云开发-cms-管理系统是什么">云开发 CMS 管理系统是什么？</h3>
<p>云开发 CMS 内容管理系统是云开发提供的一个扩展程序，可以在云开发控制台一键安装在自己的云开发环境中，方便开发人员和内容运营者随时随地管理小程序 / Web 等多端云开发内容数据。不用编写代码就可以使用，还提供了 PC /移动端浏览器访问支持，支持文本、富文本、图片、文件、关联类型等多种类型的可视化编辑。</p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/WechatIMG685.png"></p>
<h4 id="先来看看云开发cms的庐山真面目">先来看看云开发CMS的"庐山真面目"</h4>
<p>首先我们通过几张截图来直观感受一下 CMS 内容管理系统扩展：</p>
<p><em>图1 云开发控制台的安装界面截图</em></p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/%E5%9B%BE1.png"></p>
<p><em>图2安装并配置好内容的 CMS 内容管理系统界面演示</em></p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/%E5%9B%BE2.png"></p>
<p><em>图3CMS 内容管理系统界面的移动端演示</em><br>
<img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/%E5%9B%BE3.png"></p>
<h3 id="云开发-cms-内容管理系统有哪些功能特性-">云开发 CMS 内容管理系统有哪些功能特性 ？</h3>
<table>
<thead>
<tr>
<th style="text-align: left">特性</th>
<th style="text-align: left">介绍</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left">免开发</td>
<td style="text-align: left">基于后台建模配置生成内容管理界面，无须编写代码</td>
</tr>
<tr>
<td style="text-align: left">多端适配</td>
<td style="text-align: left">支持 PC/移动端访问和管理内容</td>
</tr>
<tr>
<td style="text-align: left">功能丰富</td>
<td style="text-align: left">支持文本、富文本、图片、文件 等多种类型内容的可视化编辑，并且支持内容关联</td>
</tr>
<tr>
<td style="text-align: left">权限控制</td>
<td style="text-align: left">系统基于管理员/运营者两种身份角色的访问控制</td>
</tr>
<tr>
<td style="text-align: left">外部系统集成</td>
<td style="text-align: left">支持 Webhook 接口，可以用于在运营修改修改内容后通知外部系统，如自动构建静态网站、发送通知等</td>
</tr>
<tr>
<td style="text-align: left">数据源兼容</td>
<td style="text-align: left">支持管理小程序/ Web / 移动端的云开发数据，支持管理已有数据集合，也可以在 CMS 后台创建新的内容和数据集合</td>
</tr>
<tr>
<td style="text-align: left">部署简单</td>
<td style="text-align: left">可在云开发控制台扩展管理界面一键部署和升级</td>
</tr>
</tbody>
</table>
<h3 id="什么场景下适合使用-cms--">什么场景下适合使用 CMS？</h3>
<h4 id="1-适用于需要为小程序应用增加一个运营管理后台的业务">1. 适用于需要为小程序应用增加一个运营管理后台的业务</h4>
<p>小程序应用有偏运营方面的文章编辑和发布、运营活动配置、素材管理等数据管理需求，使用 CMS 扩展之后，不用手动线上修改 db 数据，也不用投入人力物力开发管理后台，可以随时随地使用自己环境下部署的 CMS 内容管理系统来管理，同时还支持区分管理员和运营者的身份权限。</p>
<h4 id="2-适用于快速开发内容型的网站应用小程序应用等场景">2. 适用于快速开发内容型的网站应用、小程序应用等场景</h4>
<p>CMS 内容管理系统还可以帮助开发者提升开发网站应用、小程序应用的效率，省去一部分后端开发工作。例如安装了CMS 扩展之后，解决了内容和数据的管理和生产问题，直接可以结合前端应用框架读取 db 数据进行渲染。例如基于 CMS 可以快速开发博客、企业官网等小程序/网站应用，最后悄悄透露一下，<strong>云开发的官网 (http://cloudbase.net/) 就是基于 CMS 扩展 + Next.js + 云开发静态托管搭建和部署的</strong>。</p>
<h3 id="如何安装和使用-cms--">如何安装和使用 CMS？</h3>
<h4 id="第一步切换为按量付费">第一步：切换为按量付费</h4>
<p>由于 CMS 扩展需要用到静态网站托管资源，必须在按量计费的环境下才可以部署，因此首先要切换计费方式为按量付费。</p>
<h5 id="1-微信小程序开发者">1. 微信小程序开发者</h5>
<ul>
<li>
<p>登录微信开发者工具-云开发控制台</p>
</li>
<li>
<p>在【云开发控制台】-【设置】-【环境设置】-【支付方式】中点击切换【按量付费】即可。</p>
</li>
</ul>
<p>注意：这里需要先保证腾讯云账户中是有充值金额的哦~</p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/0.png"></p>
<h5 id="2-腾讯云开发者">2. 腾讯云开发者</h5>
<ul>
<li>
<p>登录腾讯云云开发控制台</p>
</li>
<li>
<p>在【云开发 CloudBase 控制台】-【环境】-【资源购买】-【计费模式】中点击【切换按量付费】即可。</p>
</li>
</ul>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/007S8ZIlgy1gew9i255cpj31ki0pkn13.jpg"></p>
<h4 id="第二步在腾讯云控制台安装扩展">第二步：在腾讯云控制台安装扩展</h4>
<ul>
<li>登录腾讯云控制台<br>
微信小程序开发者需要使用微信公众号登录<img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/007S8ZIlgy1gew9pd83sgj30z00towhk.jpg"></li>
<li>在【云开发 CloudBase 控制台】-【扩展能力】-【扩展管理】中找到CMS内容管理系统 扩展进行安装</li>
<li>安装时需要进行资源的授权和扩展程序的配置，比如管理员和运营者的账号密码配置等，同时需要提供自定义登录的密钥，可以点击自定义登录密钥旁边的小图标了解如何填写。</li>
</ul>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/007S8ZIlgy1gew9n1lcmjj31oc0u0n5v.jpg"></p>
<h4 id="第三步使用-cms-内容管理系统">第三步：使用 CMS 内容管理系统</h4>
<p>完成【CMS内容管理系统】的安装以后，然后访问该扩展的管理页，可以在【扩展运行方式】Tab 查看使用指引，依照文档完成 CMS 的使用，下面简单介绍一下快速上手的步骤，更多细节可以参考运行方式。</p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/image-20200519094241387.png"></p>
<h5 id="访问-cms-系统">访问 CMS 系统</h5>
<p>CMS 扩展已经部署在当前环境下的静态网站托管中，访问路径为“静态托管的默认域名+安装设置的部署路径”</p>
<p>访问地址的格式如下：</p>
<p><code>云开发静态托管默认域名/部署路径</code>，例如 <code>https://xxxx.tcloudbaseapp.com/tcb-cms/</code></p>
<h5 id="账号登录">账号登录</h5>
<p>打开 CMS 系统后首先会提示需要登录，我们首先使用使用安装扩展时设置的管理员账号和密码进行登录</p>
<h5 id="内容建模">内容建模</h5>
<p>登录成功后，首先需要进行内容的建模设置，例如我们想为自己的博客应用（小程序/网站）来生成管理界面。</p>
<p>假设当前已有一个管理 文章的数据库集合 <code>articles</code>，我们可以在 CMS 管理后台新建一个 “文章” 内容（如果新建内容的时候指定的集合名不存在，CMS 扩展会自动新建集合）来生成“文章”类型的内容管理界面。</p>
<p>假设数据库集合 <code>articles</code> 的结构如下：</p>
<table>
<thead>
<tr>
<th>字段名</th>
<th>类型</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td>_id</td>
<td>ID</td>
<td>文章唯一 id</td>
</tr>
<tr>
<td>name</td>
<td>String</td>
<td>文章标题</td>
</tr>
<tr>
<td>cover</td>
<td>String</td>
<td>封面图，这里存放云开发的存储的文件的 cloudID</td>
</tr>
<tr>
<td>content</td>
<td>String</td>
<td>文章内容，采用 markdown 格式</td>
</tr>
<tr>
<td>author</td>
<td>ID</td>
<td>作者的用户 id</td>
</tr>
<tr>
<td>createTime</td>
<td>DateTime</td>
<td>创建时间</td>
</tr>
<tr>
<td>updateTime</td>
<td>DateTime</td>
<td>更新时间</td>
</tr>
<tr>
<td>tag</td>
<td>String[]</td>
<td>标签，例如 <code>["serverless","cms"]</code></td>
</tr>
<tr>
<td>category</td>
<td>String[]</td>
<td>分类，例如 <code>["前端","开发"]</code></td>
</tr>
</tbody>
</table>
<p>我们在“内容设置”中点击“新建”来创建“文章”类型时，可以对照上面的集合数据把字段类型和字段的限制进行配置，例如封面图可以直接选择 “图片”字段类型，文章内容可以直接选择 “Markdown” 类型，这样在生成的管理界面里可以直接上传图片和通过编辑器编写文章，保存在数据库集合的时候，依然会保存为数据库支持的类型，图片会存储为云存储的 CloudID, 内容会存储为字符串等。</p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/007S8ZIlgy1gewdfhkxtoj313d0p0afk.jpg"></p>
<p>创建并保存之后会自动刷新生成”文章“的运营界面</p>
<h5 id="管理内容">管理内容</h5>
<p>接下来就可以进行运营管理内容操作了，可以使用运营者身份登录，对新创建的“文章”进行操作，我们可以新建一篇文章。</p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/article-new1.png"></p>
<p>文章发布成功后，即可在文章列表中看到这篇文章</p>
<p><img src="https://main.qcloudimg.com/raw/d9261d6f06846dbbef939b441fa7c3fa/article-list.png"></p>
<h5 id="使用内容数据">使用内容数据</h5>
<p>采用 CMS 管理的内容，依然可以通过云开发各端 SDK 进行访问（需要注意的是在前端访问时，需要正确设置数据库的安全规则设置，例如设置为所有用户可读，仅创建者可写）。</p>
<p>例如，在上面的例子里，我们需要在云函数中获取文章的标签是 <code>CloudBase</code> 的最新 10 条文章，可以采用以下代码来获取数据：</p>
<pre><code class="language-javascript">db.collection("articles")
.where({ tag: "CloudBase" })
.orderBy("createTime", "desc")
.limit(10)
.get();
</code></pre>
<p>获取到内容数据就可以在各种场景使用了，比如在小程序/ Web 中构建应用和网站，具体的CMS + 应用开发的实践可以关注后期我们的实践教程。</p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/api-result.png"></p>
<p>后续，云开发CMS内容管理系统将<strong>支持二次开发</strong>，用户可以自由定制自己的管理后台。云开发将始终坚持，为开发者提供一站式云服务！</p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/image-20200519093538332.png"></p>
<p>最后，小编赠上《5分钟部署云开发CMS系统》教程，帮助大家快快上车！</p>
<p>视频链接：</p>
<p>https://v.qq.com/x/page/f09687on1qv.html</p>
<p>文档链接 ：（CMS 内容管理系统链接）</p>
<p>https://cloud.tencent.com/document/product/876/44547</p>
<p>公众号：腾讯云云开发</p>
<p>腾讯云云开发：https://cloudbase.net</p>
<p>云开发控制台：https://console.cloud.tencent.com/tcb?from=12304</p>
<p>☁<br>
更多精彩<br>
扫描二维码了解更多</p>
<p><img src="https://wyd-1301665037.cos.ap-guangzhou.myqcloud.com/640-20200428110734710.jpeg"></p><br><br>
来源：https://www.cnblogs.com/CloudBase/p/12915159.html
頁:
[1]