strapiでブログを作る⑤(デプロイ編)

import { parse } from 'pg-connection-string';
const config = parse(process.env.DATABASE_URL);

export default ({ env }) => ({
  connection: {
    client: 'postgres',
    connection: {
      host: config.host,
      port: config.port,
      database: config.database,
      user: config.user,
      password: config.password,
      ssl: {
        rejectUnauthorized: false
      },
    },
    debug: false,
  },
});

export default ({ env }) => ({
        proxy: true,
        url: env('MY_HEROKU_URL'), // Sets the public URL of the application.
        app: { 
          keys: env.array('APP_KEYS')
        },
    });

npm install pg && npm install pg-connection-string

package-lock.json

brew tap heroku/brew && brew install heroku

heroku login

heroku create

heroku addons:create heroku-postgresql:<PLAN_NAME>

heroku config

DATABASE_HOST=ec2-*****.compute-1.amazonaws.com
DATABASE_PORT=5432
DATABASE_NAME=
DATABASE_USERNAME=
DATABASE_PASSWORD=

ADMIN_JWT_SECRET
API_TOKEN_SALT
APP_KEYS
CF_ACCESS_KEY_ID
CF_ACCESS_SECRET
CF_BUCKET
CF_ENDPOINT
CF_PUBLIC_ACCESS_URL
DATABASE_URL
JWT_SECRET
MY_HEROKU_URL
NODE_ENV

heroku config:set APP_KEYS=$(cat .env.production | grep APP_KEYS | cut -d= -f2-)
heroku config:set API_TOKEN_SALT=$(cat .env.production | grep API_TOKEN_SALT | cut -d= -f2)

git push heroku HEAD:main

Installing binaries
remote:        engines.node (package.json):   >=18.0.0 <=20.x.x
remote:        engines.npm (package.json):    >=6.0.0
remote:        
remote:        Resolving node version >=18.0.0 <=20.x.x...
remote:        Downloading and installing node 19.9.0...
remote:        Bootstrapping npm >=6.0.0 (replacing 9.6.3)...
remote: npm ERR! code EBADENGINE
remote: npm ERR! engine Unsupported engine
remote: npm ERR! engine Not compatible with your version of node/npm: npm@10.7.0
remote: npm ERR! notsup Not compatible with your version of node/npm: npm@10.7.0
remote: npm ERR! notsup Required: {"node":"^18.17.0 || >=20.5.0"}
remote: npm ERR! notsup Actual:   {"npm":"9.6.3","node":"v19.9.0"}

.....

remote: !       Push rejected to protagram.
remote: 
To https://git.heroku.com/protagram.git
 ! [remote rejected] HEAD -> main (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/protagram.git'

"engines": {
    "node": ">=18.0.0 <=20.x.x",
    "npm": ">=9.6.3"
  },
  
これを
 
 "engines": {
    "node": "20.11.0",
    "npm": ">=9.6.3"
  },
こう

npm install strapi-provider-cloudflare-r2 --save

module.exports = ({ env }) => ({
  // ...
  upload: {
    config: {
      provider: "strapi-provider-cloudflare-r2",
      providerOptions: {
        accessKeyId: env("CF_ACCESS_KEY_ID"),
        secretAccessKey: env("CF_ACCESS_SECRET"),
        /**
         * `https://<ACCOUNT_ID>.r2.cloudflarestorage.com`
         */
        endpoint: env("CF_ENDPOINT"),
        params: {
          Bucket: env("CF_BUCKET"),
        },
        /**
         * Set this Option to store the CDN URL of your files and not the R2 endpoint URL in your DB.
         * Can be used in Cloudflare R2 with Domain-Access or Public URL: https://pub-<YOUR_PULIC_BUCKET_ID>.r2.dev
         * This option is required to upload files larger than 5MB, and is highly recommended to be set.
         * Check the cloudflare docs for the setup: https://developers.cloudflare.com/r2/data-access/public-buckets/#enable-public-access-for-your-bucket
         */
        cloudflarePublicAccessUrl: env("CF_PUBLIC_ACCESS_URL"),
        /**
         * Sets if all assets should be uploaded in the root dir regardless the strapi folder.
         * It is useful because strapi sets folder names with numbers, not by user's input folder name
         * By default it is false
         */
        pool: false,
      },
      actionOptions: {
        upload: {},
        uploadStream: {},
        delete: {},
      },
    },
  },
  // ...
});

module.exports = ({ env }) => [
  // ...
  {
    name: "strapi::security",
    config: {
      contentSecurityPolicy: {
        useDefaults: true,
        directives: {
          "connect-src": ["'self'", "https:"],
          "img-src": [
            "'self'",
            "data:",
            "blob:",
            "market-assets.strapi.io",
            env("CF_PUBLIC_ACCESS_URL") ? env("CF_PUBLIC_ACCESS_URL").replace(/^https?:\/\//, "") : "",
          ],
          "media-src": [
            "'self'",
            "data:",
            "blob:",
            "market-assets.strapi.io",
            env("CF_PUBLIC_ACCESS_URL") ? env("CF_PUBLIC_ACCESS_URL").replace(/^https?:\/\//, "") : "",
          ],
          upgradeInsecureRequests: null,
        },
      },
    },
  },
  // ...
];

CF_PUBLIC_ACCESS_URL=storage.protagram.com
CF_TOKEN=
CF_ACCESS_KEY_ID=
CF_ACCESS_SECRET=
CF_ENDPOINT=
CF_BUCKET=protagram