simpleCMS

단순CMS

simpleCMS는 개인/팀이 블로그나 지식 공유 플랫폼을 신속하게 개발하기 위해 주로 사용하는 오픈 소스 cms 시스템입니다. hexo 및 worldpress와 유사하지만 복잡한 구성 프로세스가 필요한 경우가 많습니다. 자신만의 블로그 플랫폼을 쉽게 가지려면 서버가 필요합니다.

simpleCMS는 주로 개인/팀이 블로그나 지식 공유 플랫폼을 신속하게 개발하기 위한 오픈 소스 cms 시스템입니다. hexo, worldpress와 유사하지만 복잡한 빌드 프로세스가 필요한 경우가 많습니다. 복잡성을 최소화하고 자세한 배포 튜토리얼이 있으므로 서버를 사용하면 자신만의 블로그 플랫폼을 쉽게 가질 수 있습니다.

?홈페이지

데모

튜토리얼 시작

1. 종속성을 설치하려면 각각 server 입력하고 디렉토리를 manage 하고 다음을 실행하십시오.

 # cd manage
yarn
# cd server
yarn

2. 로컬에서 시작

관리 측 시작:

 # cd manage
yarn start

서버 시작:

 # cd server
yarn start

관리 측에서 도메인 전체에 걸쳐 서버 인터페이스를 호출할 수 있도록 하려면 server/src/index.js에 도메인 간 화이트리스트를 구성해야 합니다.

 // 设置跨域
  app . use (
    cors ( {
      origin : function ( ctx ) {
        const whiteList = [
          "http://192.168.1.10:8000" , // 你的管理后台ip地址，为了支持跨域调用
        ] ; //可跨域白名单
        if (
          whiteList . includes ( ctx . request . header . origin ) &&
          ctx . url . indexOf ( config . API_VERSION_PATH ) > - 1
        ) {
          return ctx . request . header . origin ; //注意，这里域名末尾不能带/，否则不成功，所以在之前我把/通过substr干掉了，允许来自指定域名请求, 如果设置为*，前端将获取不到错误的响应头
        }
        return "" ;
      } ,
      exposeHeaders : [ "WWW-Authenticate" , "Server-Authorization" , "x-show-msg" ] ,
      maxAge : 5 , //  该字段可选，用来指定本次预检请求的有效期，单位为秒
      credentials : true ,
      allowMethods : [ "GET" , "POST" , "PUT" , "DELETE" , "OPTIONS" ] ,
      allowHeaders : [
        "Content-Type" ,
        "Authorization" ,
        "Accept" ,
        "X-Requested-With" ,
      ] ,
    } )
  ) ;

동시에 관리/src/utils/index.ts에서 서버 IP를 구성합니다.

 export const SERVER_URL = 'http://192.168.1.10:3000'

배포 튜토리얼

1. 정적 리소스 패키징

프로젝트 관리에서 실행:

yarn build

그 후 프로젝트는 자동으로 server/static 디렉터리에 패키징됩니다. 이때 서버 프로젝트에서 실행합니다.

yarn build

이때 서버 코드는 패키징되어 로컬로 실행됩니다.

node dist/index.js

CMS 프로젝트를 시작할 수 있습니다.

2. 서버 배포

서버측 배포의 경우 pm2를 노드 애플리케이션의 관리자로 사용할 수 있습니다. 구체적인 사용법은 pm2 공식 웹사이트를 참조하세요.

기술피드백 및 커뮤니케이션그룹 | 기술피드백 및 커뮤니케이션그룹 |