nginxでフィルタを設定する方法

Ⅰ. はじめに

タイトルの通り「nginxでフィルタを設定する方法」です。

Ⅱ. 手順

1. confファイルを開く

/etc/nginx/conf.d/default.conf

server {
  listen 80;
  server_name example.com;

  location / {
    # フィルタを一度のみ適応
    sub_filter_once on;

    # フィルタを全てのMIMEタイプに適応（デフォルトはtext/htmlのみ）
    # sub_filter_types *;

    # フィルタ
    sub_filter '</head>' '<script>alert("helloworld")</script></head>';
  }
}

実行結果

省略

参考

• http://nginx.org/en/docs/http/ngx_http_sub_module.html

Vue3 + Vite + Javascript ObfuscatorでHelloWorldする方法

Ⅰ. はじめに

タイトルの通り「Vue3 + Vite + Javascript ObfuscatorでHelloWorldする方法」です。

Ⅱ. 手順

1. プロジェクトを新規作成する

npm init vue@latest

2. パッケージをインストールする

npm install
npm install -D rollup-obfuscator javascript-obfuscator

3. vite.config.tsを編集する

import { obfuscator } from 'rollup-obfuscator'

export default defineConfig({
  plugins: [
    vue(),
    obfuscator({
      stringArray: true,
      stringArrayEncoding: [ 'rc4' ]
    })
  ]
})

4. ビルドする

npm run build

実行結果

参考

https://github.com/ghostdevv/rollup-obfuscator

MariaDBのDBを高速にバックアップ／リストアする方法

Ⅰ. はじめに

本記事ではmysqldumpの代わりにmariabackupを使用することで高速化を狙います

Ⅱ. 手順

1. qpressをインストールする

wget https://repo.percona.com/apt/percona-release_latest.$(lsb_release -sc)_all.deb
dpkg -i percona-release_latest.$(lsb_release -sc)_all.deb
percona-release enable-only tools release
apt update
apt install qpress

2. mariabackupをインストールする

apt install mariadb-backup

3. バックアップを取る

mariabackup \
  --backup \
  --compress \
  --compress-threads=4 \
  --user root \
  --target-dir /root/backup

4. リストアするサーバにbackupフォルダをコピーする

5. 展開する

mariabackup \
  --decompress \
  --target-dir /root/backup

6. リストアする

systemctl stop mariadb
rm -rf /var/lib/mysql/

mariabackup \
  --copy-back \
  --target-dir /root/backup

chown -R mysql:mysql /var/lib/mysql/
systemctl start mariadb

実行結果

省略

参考

• https://www.percona.com/doc/percona-xtrabackup/8.0/installation/apt_repo.html
• https://www.tohoho-web.com/ex/mysql-mariabackup.html
• https://mariadb.com/ja/resources/blog/backup-restore-with-mariabackup/
• https://mariadb.com/kb/en/mariabackup-options/

Node.jsでnodemailerを利用してGmailを送信する方法

Ⅰ. はじめに

Gmailは2022年5月30日に「安全性の低いアプリ」からのアクセスを終了します。
例えばSMTPでパスワード認証を利用している場合が該当します。
この記事ではOAuth認証をする事によって2022年5月30日以降もメールを送信する方法を紹介します。

Ⅱ. 手順

1. OAuth用の認証情報を作成する

https://console.cloud.google.com/apis/credentials

※「アプリケーションの種類」は「デスクトップアプリ」を選択する
※プロジェクトの新規作成を求められた場合は新規作成する。
　スコープを指定する必要はない。
※OAuth同意画面の新規作成を求められた場合は新規作成する。
　公開ステータスがテストの場合はテストユーザーを追加する。

2. 「クライアントID」「クライアントシークレット」をメモする

3. 以下スクリプトを実行して「リフレッシュトークン」を取得する

※2022/03/31 追記
「urn:ietf:wg:oauth:2.0:oob」が非推奨になったようです
以下スクリプトはテスト環境以外では動作しません
https://takuya-1st.hatenablog.jp/entry/2022/03/14/171939

index.mjs

// npm install open node-fetch
import readline from 'node:readline/promises'
import open from 'open'
import fetch from 'node-fetch'

function generateQueryString (parameters) {
  return parameters.map(x => `${x.key}=${encodeURI(x.value)}`).join('&')
}

(async () => {
  const clientId = 'ENTER_YOUR_CLIENT_ID'
  const clientSecret = 'ENTER_YOUR_CLIENT_SECRET'

  const redirectUri = 'urn:ietf:wg:oauth:2.0:oob'
  const parameters = [
    { 'key': 'client_id', value: clientId },
    { 'key': 'redirect_uri', value: redirectUri },
    { 'key': 'response_type', value: 'code' },
    { 'key': 'scope', value: 'https://mail.google.com/' }
  ]
  const url = `https://accounts.google.com/o/oauth2/auth?${generateQueryString(parameters)}`
  open(url)
  const rl = readline.createInterface({ input: process.stdin, output: process.stdout })
  const code = await rl.question('Enter code:');
  console.log(code)

  const response = await fetch('https://www.googleapis.com/oauth2/v4/token', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },
    body: generateQueryString([
      { 'key': 'client_id', 'value': clientId },
      { 'key': 'client_secret', 'value': clientSecret },
      { 'key': 'redirect_uri', 'value': redirectUri },
      { 'key': 'grant_type', 'value': 'authorization_code' },
      { 'key': 'code', 'value': code }
    ])
  })
  const json = await response.json()
  console.log(json)
})()

4. 以下スクリプトを実行してメールを送信する

index.mjs

// npm install nodemailer
import nodemailer from 'nodemailer'

(async () => {
  const clientId = 'ENTER_YOUR_CLIENT_ID'
  const clientSecret = 'ENTER_YOUR_CLIENT_SECRET'
  const to = 'user001@example.com'
  const myGmailAddress = 'user002@gmail.com'
  const refreshToken = 'ENTER_YOUR_REFRESH_TOKEN'

  const transporter = nodemailer.createTransport({
    host: 'smtp.gmail.com',
    port: 465,
    secure: true,
    auth: {
      type: 'OAuth2',
      clientId: clientId,
      clientSecret: clientSecret,
    }
  })

  transporter.on('token', token => {
    console.log(`AccessToken: ${token.accessToken}`)
    console.log(`Expires: ${new Date(token.expires)}`)
  })

  const response = await transporter.sendMail({
    to: to,
    subject: 'Subject',
    text: 'Hello world!',
    auth: {
      user: myGmailAddress,
      // accessToken: 'ya29....',
      refreshToken: refreshToken
    }
  })

  console.log(response)
})()

実行結果

省略

参考

• https://nodemailer.com/smtp/oauth2/

Windows Terminalのスタートアップ動作を変更する方法

Ⅰ. はじめに

タイトルの通り「Windows Terminalのスタートアップ動作を変更する方法」です。

Ⅱ. やり方

1. Windows Terminalの設定（setting.json）を開く

2. プロファイル名を変更する

{
  "profiles":
  {
    "list":
    [
      {
-        "name": "コマンド プロンプト"
+        "name": "cmd"
      }
    ]
  }
}

3. スタートアップ動作を定義する

{
  "startupActions": "new-tab -p cmd -d c:\\ ; split-pane -p cmd -d d:\\ ; split-pane -p cmd notepad.exe"
}

実行結果

参考

• https://docs.microsoft.com/en-us/windows/terminal/customize-settings/startup#startup-actions
• https://docs.microsoft.com/en-us/windows/terminal/command-line-arguments