首页前端开发Node.jsStrapi 安装及使用腾讯云对象储存

Strapi 安装及使用腾讯云对象储存

时间2023-12-04 01:24:03发布访客分类Node.js浏览588
导读:纯安装向,没有多余解释操作系统:Ubuntu 22.04 LTS安装Nodejs和npm安装 Nodejssudo apt install Nodejs安装 npmsudo apt install npm安装Nodejs 版本管理工具sud...

纯安装向,没有多余解释

操作系统:Ubuntu 22.04 LTS

安装Nodejs和npm

安装 Nodejs

sudo apt install Nodejs

安装 npm

sudo apt install npm

安装Nodejs 版本管理工具

sudo npm i -g n

更新 Nodejs 最新稳定版

sudo n stable

安装yarn包管理器

sudo i -g yarn


安装 Strapi

回到用户目录

cd /home/username

1.快速安装(默认使用SQLite)

yarn create strapi-app ProjectName --quickstart

ProjectName 是你创建的项目名称,自行修改

2.自定义安装

yarn create strapi-app ProjectName

- Quickstart (recommended) 快速安装

- Custom (manual settings) 自定义安装

自定义安装后配置语言和数据库即可完成安装

安装后看到命令使用方法及介绍:

yarn develop
在开发模式下启动Strapi(Strapi项目文件的更改将触发服务器重启)
yarn start
直接启动生产模式Strapi
yarn build
编译Strapi项目
yarn strapi
输出Strapi所有可用的命令。

安装 Tencent Cloud Storage

安装前自行配置好储存桶及CDN

yarn add strapi-provider-upload-tencent-cloud-storage

配置对象储存信息

创建或修改./config/plugins.js文件

添加以下内容

module.exports = ({
 env }
    ) =>
 ({

  // 添加开始
  upload: {

    config: {

      provider: "strapi-provider-upload-tencent-cloud-storage",
      providerOptions: {

        CDNDomain: "example-cdn-domain.com",
        SecretId: env("COS_SecretId"),
        SecretKey: env("COS_SecretKey"),
        Region: env("COS_Region"),
        Bucket: env("COS_Bucket"),
      }
,
    }
,
  }
,
  // 添加结束
}
    );

"example-cdn-domain.com"修改为 CDN 域名

在程序项目根目录.env文件内填入对象储存相关信息,没有创建一个

COS_SecretId=xxx
COS_SecretKey=xxx
COS_Region=xxx
COS_Bucket=xxx

COS_SecretId COS_SecretKey 在 访问密钥 内查看,没有自行创建一个

COS_Region COS_Bucket为你在 对象储存 创建的储存桶区域和储存桶名称

接着修改./config/middlewares.js文件内容

将文件内"strapi::security",替换修改为

  {

    name: "strapi::security",
    config: {

      contentSecurityPolicy: {

        useDefaults: true,
        directives: {

          "connect-src": ["'self'", "https:"],
          "img-src": [
            "'self'",
            "data:",
            "blob:",
            "market-assets.strapi.io",
            "yourBucketName.cos.yourRegion.myqcloud.com",
          ],
          "media-src": [
            "'self'",
            "data:",
            "blob:",
            "market-assets.strapi.io",
            "yourBucketName.cos.yourRegion.myqcloud.com",
          ],
          upgradeInsecureRequests: null,
        }
,
      }
,
    }
,
  }
    ,

将文件内yourBucketName.cos.yourRegion.myqcloud.com修改为储存桶 CDN 域名,不添加 Strapi 后台无法查看图片

踩坑:

1.nodejs一定要升级,版本过低会报错

2.不要混用 npm yarn

3.国内网络可能会导致包安装失败,依赖不全等问题

详细教程参考 Strapi’s documentation 及 Tencent Cloud Storage | Strapi Market

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: Strapi 安装及使用腾讯云对象储存
本文地址: https://pptw.com/jishu/566967.html
Bun:不仅是新的JavaScript运行时,并且重塑了JavaScript工具链 Go包介绍与初始化:搞清Go程序的执行次序

游客 回复需填写必要信息