Skip to content
Code on the Road
Go back

【アプリ運用編】kabuステーションAPI × Next.js(Logical225)を VPS で動かして公開する

VPS構築編で立てた さくらのVPS for Windows Server の上に、実際のトレードシステムを載せていく。auカブコム証券の kabuステーションAPI と、それを叩く自作の Next.js 製システム Logical225 の構成だ。

全体構成

[ブラウザ] ──(外部公開)──> [Logical225 (Next.js)] ──localhost:18080──> [kabuステーション App] ──> auカブコム証券

ポイントは2つ。

kabuステーション App の準備

インストール

auカブコム証券のサイトから kabuステーションをダウンロードしてインストールする(口座開設と、kabuステーションの利用条件を満たしている必要あり)。

API利用設定

kabuステーションを起動・ログインし、API設定(システム設定)で API を有効化API パスワードを発行する。

常時稼働のための注意

接続テスト(トークン取得)

API が叩けるか、トークン取得で確認する。

Invoke-RestMethod -Uri "http://localhost:18080/kabusapi/token" -Method Post -ContentType "application/json" -Body '{"APIPassword":"<APIパスワード>"}'

Logical225 を載せる

GitHub から取得

プライベートリポジトリの場合は GitHub の認証(SSHキー or Personal Access Token)が必要。SSHキーを作成・登録してから clone する。

cd Workspace
git clone https://github.com/<ユーザー名>/Logical225.git
cd Logical225

起動

npm ci
npm run build
npm run start   # 既定 http://localhost:3000

ハマりどころ: 改行コード(CRLF/LF)

npm run build で Prettier が Delete ␍ prettier/prettier を出すことがある。これは改行コードの問題。Windows で扱ったことで Git が改行を CRLF に変換し、Prettier(LF設定)と食い違っている。次の3手で解決する。

# 1. Gitの自動変換を止める
git config core.autocrlf false

# 2. 既存ファイルをLFに直す(Prettierで一括整形)
npx prettier --write .
# 3. 再発防止に .gitattributes をリポジトリ直下へ置く
* text=auto eol=lf
git add --renormalize .

外部公開

Logical225 が localhost:3000 で動いたら、VPS構築編で用意した ngrok で公開する。

ngrok http --domain=xxxx.ngrok-free.app 3000

これで、固定の HTTPS URL から Logical225 にアクセスできる。

公開時の鉄則

売買が絡むシステムなので、ここは外さない。

次回予告

ここまでで「VPS 上で kabuステーション+Logical225 が動き、ngrok で外部からアクセスできる」状態になった。残りは次の機会に:

前編はこちら → VPS構築編



Previous Post
【HTTPS化編】ngrok から Cloudflare Tunnel へ — 認証付きで trade.codeontheroad.jp を公開する
Next Post
【VPS構築編】持ち歩く開発の限界から、止まらないサーバーへ — さくらのVPS for Windows Server