1
1

glitch.comでgithubからデプロイする【Node.js】

Posted at

はじめに

glitch.comというサイトをご存知でしょうか?

静的サイト / Node.js / React / SqLite などのデプロイができるPaaSです。

無料プランでも月1000時間のサーバー使用が可能です。めちゃくちゃ多い。

その代わり、アクティブでない時間が5分続くとサーバーがスリープします。
アクセスがあると、サーバーの立ち上げから実行されます。

個人的には気にならない長さ。サービスによっては相性が悪いと思います。

本題:glitch.comにGithubからインポート

今回は、そんなglitch.comにgithubのプロジェクトをインポートする方法を紹介します。

簡単です!

1. glitch.com にアクセスし、ログイン

Github / Google / Email でアカウント作成が可能です。

スクリーンショット 2024-05-28 20.30.05.png

2. Github リポジトリのURLをコピー

リポジトリのURLをクリックしてください。

形式は、https://github.com/User_name/repo_nameです。

スクリーンショット 2024-05-28 20.34.27.png

3. New project をクリック

スクリーンショット 2024-05-28 20.27.57.png

4. import from Github をクリック

スクリーンショット 2024-05-28 20.30.54.png

5. URLをペーストし、「.git」と追記

先程のURLを貼り付けたうえで、.gitと追記してください。

入力ができたら、OKを押します。

スクリーンショット 2024-05-28 20.37.56.png

6. インポート完了!

リポジトリが読み込まれたと思います!

スクリーンショット 2024-05-28 20.42.10.png

エラーが発生した方は、URLの入力時.gitを付け加えているかを確認してください

必要な方は、赤丸:Terminal から node / npm コマンドを実行してください

この時点でデプロイができており、青丸:xxx-xxx-xxx.glitch.me にアクセスすると、プロジェクトのページが表示されます。

プロジェクトの名前・URLのxxx-xxx-xxxの部分を変えたい方はピンク丸:Settingsをクリックし、Edit project detailsから変更可能です。

おわりに

以上、glitch.com に Github プロジェクトをインポートする方法でした。

簡単なのでぜひやってみてください。

さて、次は何を書こうかしら・・・

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1