评论
灵沐V1.0:作品小程序快速上手部署

灵沐V1.0:作品小程序快速上手部署

遇事不决 可问春风 ,春风不语  即随本心

灵沐V1.0:作品小程序快速上手部署

因为文档问题导致好几天下来没有找到一款合适的文档站点构建工具,不支持的为啥开始拒绝vuepress,看上nextra可是学习能力不足没办安装成功

不拖延时间和大家的期待本文针大致的步骤做一个快速的说明让大家可以用最短的时间接触到“灵沐“

日后找到适合的文档站点构建工具,到访问文档网站详细说明

理念

灵沐的出现是为了弥补星宿UI的后尘,基于Node.js的Strapi Cms框架优化了旧版Pods等繁琐的插件

原生开发简化了Hbuilder x的编译和环境配置。从头开始规范了屎一样初祖传的代码,别人把经历压缩成道理告诉你时,你毫无触感因为未成经历,尽管如此代码的本质还有没有改变

预览

灵沐V1.0:作品小程序快速上手部署
灵沐V1.0:作品小程序快速上手部署

需求

系统:CentOS 8+,Ubuntu (LTS)  20.04+,Debian 10+

环境:node 14+

宝塔部署

宝塔左侧菜单点击文件到wwwroot目录新建一个灵沐文件夹随后下运行终端(需要SSH密码)

灵沐V1.0:作品小程序快速上手部署

sharp依赖

终端执行

yarn config set sharp_binary_host "https://npm.taobao.org/mirrors/sharp"

回车后执行

yarn config set sharp_libvips_binary_host "https://npm.taobao.org/mirrors/sharp-libvips"

全局安装

yarn global add sharp

安装strapi

终端执行(默认安装 SQLite)

yarn create strapi-app my-project --quickstart

进入到my-project

cd my-project

安装依赖

yarn install

Awesome Help插件

npm install @exfabrica/strapi-plugin-awesome-help

项目根目录建立server.js文件

// path: `./server.js`
​
const strapi = require('@strapi/strapi');
strapi().start();

API&权限

安装成功之后在找到src目录将下载好的小程序源码中的API和compomemts目录替换到宝塔中

灵沐V1.0:作品小程序快速上手部署

回到终端执行编译

yarn build

访问域名+admin即可看到后台,第一次进入后台需要注册账户

权限

如图API中的字段需要设置权限不然无法访问

灵沐V1.0:作品小程序快速上手部署

映射

左侧菜单点击网站---Node项目---添加Node项目

设置端口1337 和映射域名(注意:宝塔和服务器需放行)

映射域名后回到宝塔左侧菜单网站最后显示。点击设置开始部署SSL

灵沐V1.0:作品小程序快速上手部署

中文

stapi默认给的是英文语言,可以用浏览器自带的翻译器翻译。若切换中文需先在后台设置中添加语言,步骤1执行到步骤4

灵沐V1.0:作品小程序快速上手部署

宝塔后台目录中目录下/src/admin中新建app.js文件复制代码

export default {
  config: {
    locales: ['zh-Hans'],
    translations: {
      'zh-Hans': {
        'Auth.form.email.label': '你注册的邮箱地址',
        Users: '你注册的邮箱地址',
        City: 'Chinese (Simplified) (zh-Hans)',
        // 这里是刚刚在设置中新建的国际化语言版本的ID
        Id: '2',
      },
    },
  },
  bootstrap() {},
}

终端编译,

yarn build

最后在步骤5中个人信息设置中切换为中文

源码

小程序源码可以通过点击下方卡片下载,到详情中install下方长按地址即可手动复制

基于原生开发可以直接导入微信开发工具,修改utils目录下http.js中的域名信息即可

const baseUrl = 'https://star.frbkw.com';

最后

很多文档视频还没有完善,文章和源码提前发布类似一个公测版本,若不会安装可以请作者喝奶茶,作者远程部署

StrApi 无头Cms 快速开发API接口,无需CRUD,JWT

StrApi 快速上手API请求内容,filters过滤,pagination分页, sort排序