Node.jsをサーバーとしてウェブサイトを作成しました。私が知っているように、node.jsファイルはターミナルでコマンドを入力することで機能し始めるので、Github Pagesがnode.js-hostingをサポートしているかどうかはわかりません。だから私は何をすべきですか?
Node.jsをサーバーとしてウェブサイトを作成しました。私が知っているように、node.jsファイルはターミナルでコマンドを入力することで機能し始めるので、Github Pagesがnode.js-hostingをサポートしているかどうかはわかりません。だから私は何をすべきですか?
回答:
GitHubページは静的HTMLページのみをホストします。サーバー側のテクノロジーはサポートされていないため、Node.jsアプリケーションはGitHubページで実行されません。Node.js wikiにリストされているように、多くのホスティングプロバイダーがあります。
アプリフォグは、2 GBのRAMを備えたプロジェクトに無料のホスティングを提供するので、最も経済的であるように見えます(私に尋ねると、かなり良いです)。
ここで述べたように、AppFogは新しいユーザー向けの無料プランを削除しました。
GitHubで静的ページをホストする場合は、このガイドをお読みください。Jekyllの使用を計画している場合、このガイドは非常に役立ちます。
JavaScript愛好家である私たちは、Ruby(JekyllまたはOctopress)を使用してGithubページに静的ページを生成する必要はありません。たとえば、次のようにNode.jsとHarpを使用できます。
これらはステップです。概要:
リポジトリのクローンを作成する
git clone https://github.com/your-github-user-name/your-github-user-name.github.io.git
Harpアプリを(ローカルで)初期化します。
harp init _harp
フォルダー名の先頭には必ずアンダースコアを付けてください。GitHub Pagesにデプロイするときに、ソースファイルが提供されないようにする必要があります。
Harpアプリをコンパイルする
harp compile _harp ./
Gihubにデプロイする
git add -A
git commit -a -m "First Harp + Pages commit"
git push origin master
そして、これはレイアウト、パーシャル、Jade、Lessなどの素晴らしいものの詳細を含むクールなチュートリアルです。
新しいコミットがマスターにプッシュされるたびに、ノードビルドコマンドの結果(私の場合はnpmでも動作するはずです)を自動的にブランチにコミットするようにgithubアクションを設定できました。yarn build
gh-pages
ビルドされたファイルのコミットを避けたいので完全には理想的ではありませんが、これが現在githubページに公開する唯一の方法のようです。
私はこのガイドに基づいてワークフローを別の反応ライブラリに基づいており、それを機能させるために次の変更を行う必要がありました。
yarn export
そのコマンドが存在せず、役立つものは何も追加されていないように見えるため、を含む行を削除します(必要に応じて、その上のビルド行を変更することもできます)env
に、yarn build
ステップにディレクティブを追加しましたが、これはオプションですこれが私の完全なgithubアクションです:
name: github pages
on:
push:
branches:
- master
jobs:
deploy:
runs-on: ubuntu-18.04
steps:
- uses: actions/checkout@v2
- name: Setup Node
uses: actions/setup-node@v2-beta
with:
node-version: '12'
- name: Get yarn cache
id: yarn-cache
run: echo "::set-output name=dir::$(yarn cache dir)"
- name: Cache dependencies
uses: actions/cache@v2
with:
path: ${{ steps.yarn-cache.outputs.dir }}
key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
restore-keys: |
${{ runner.os }}-yarn-
- run: yarn install --frozen-lockfile
- run: yarn build
env:
REACT_APP_GIT_SHA: ${{ github.SHA }}
- name: Deploy
uses: peaceiris/actions-gh-pages@v3
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: ./build
next.js のドキュメントには、githubページに似たnode.jsアプリのホスティングサービスのように見えるVercelでの設定手順も記載されています。私はこれを試していないので、それがどれほどうまく機能するかについて話すことができません。
ノードのjsアプリケーションをローカルからGitHubにプッシュするのは非常に簡単な手順です。
手順:
git clone repo-url
git add -A
git commit -a -m "First Commit"
git push origin master
grunt assemble
、git commitを実行してgh-pagesブランチにプッシュするだけで、すぐに実行できます。