グリッチで最初のアプリケーションを展開します.

グリッチは、あなたのアプリケーションをオンラインにすることができる無料のプラットフォームの一つです.グリッチは、我々に1つのアプリケーションを配備するためにより多くを必要とするより、我々に月1000時間を与えます.

コーディング開始

このチュートリアルでは、単純なカウンタアプリケーションを作成します.
必須モジュール

ファイルシステム( fs )

Webサーバ( HTTP )

注意:インストールしていることを確認してくださいfs モジュールです.インストールしていない場合は、このコマンドを実行してインストールできます.npm install fsファイル名を作るindex.js , このコードを入力します.

// Adding required module
const http = require('http');
const fs = require('fs');

// For development, use 4040
const port = 4040

// Set limit
const limit = 10

// Run server
server = http.createServer(function (req, res) {
    fs.readFile('counter.txt', 'utf8', function (err,data) {
        if (err) {
            return console.log(err);
        }

        // Check if page view(s) is less than limit
        if (limit > parseInt(data)) {
            // If the page view(s) is less than limit
            res.end(`Hey, this page view(s) is ${data}! Can this page reach ${limit} views?`);
        } else {
            // If the page view(s) is more or same than limit
            res.end(`Hey, this page view(s) is ${data}! Yay, the page views is reach ${limit}!`);
        }

        // Add +1 to the counter file
        fs.writeFile('counter.txt', parseInt(data) + 1, 'utf8', function (err) {
            if (err) return console.log(err);
        });
    });
}).listen(port)

ファイル名counter.txt . あなたはそれを埋めることができます0 , または任意の数のように.
Finnaly、我々のアプリを実行しましょう.次のコマンドを入力します.node index.js次に、あなたのブラウザを起動しますhttp://localhost:4040 .

ベール!あなたのアプリケーションがrunted!
私は10回リフレッシュを試みます.テキストが変更されます.

コーディングチェック.

グリッチに動く

まず、グリッチでアカウントを登録して作成し、ダッシュボードを開き、新しいプロジェクトを作成する必要がありますglitch-hello-node オプション).すべてのファイルを削除することができますpackage.json and .env . ファイルを保存しないといいですよ.
その後、エディタに戻って、我々はポートを変更する必要があるので、スクリプトはグリッチで動作することができます.
変更するport 変数の値( 7行目)process.env.PORTしたがって、7行目は次のようになります.const port = process.env.PORT変更を保存しますindex.js and counter.txt あなたの不具合プロジェクトに.ファイル構造は次のようになります.

我々は、編集する必要がありますpackage.json ファイル.多分、これはこのチュートリアルから最も難しい部分です.だから、注意してください.まず、スクリプトを変更する必要がありますindex.js ファイル.置換"start": "node server.js" with "start": "node index.js" . その後、必要なモジュールを追加する必要があります.をクリックして追加することができます

クリックするとフォームが表示されます.「パッケージの検索NPM」テキストをクリックして「Express」と入力します.

最初の結果をクリックします.同じようにして、fs パッケージ.

番目の1つを選択し、我々が完了.を押してリフレッシュボタン(左から2番目のボタン)で結果を見ることができます.

それが今日のプロジェクトです.プロジェクトをお楽しみください.バイ!