EONでシンプルなAPIを作成する.js


最近、新しいWebフレームワークEONについて書きました.js私は実際の例を提供するのが良いと思いました、そして、それが何のように見えるかについての若干の考えの後、私はshields それは何日かを示しています.
このようにバッジを作成するにはAPIを使うことができます.

注:キャッシュのために、このポストは古いイメージを表示しているかもしれません.私は確信していません、しかし、これがGithubで起こることができると、私は思います.

APIの作成📅


まず、お気に入りのIDEに行き、新しいプロジェクトを作成します.すべてのノードプロジェクトと同様に、行って実行する
npm init -y
パッケージを作成するにはJSONファイル.
では、最新のstable EONのバージョン.js
npm install eonjs@latest
あなたのインデックスで.JSは、シンプルなイーオンを作成します.JSサーバ
//! important ! If you're deploying to somewhere like Heroku, leave the port blank.
// During local dev, eon will default to port 8080
// When deployed, eon will default to process.env.PORT 
const eon = require('eonjs')();

eon.
    get('/weekdays-api').json(() => {
        // API code goes here
    })
    .listen(p => {
        console.log(`Listening on http://localhost:${p}`);
    });
輸入直後eon (聞き手の外!)異なる平日を保持する定数を作成します.
const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
...そして、1日ごとに色を保持するもの
const colors = ['yellowgreen', 'brightgreen', 'yellow', 'orange', 'blue', 'blueviolet', 'ff69b4'];
現在、リスナーの中で、現在の日、その日の名前、および色を取得します.
var day = new Date().getDay();
var dayName = days[day];
var color = colors[day];
を返します.
return {
    schemaVersion: 1,
    label: 'today is',
    message: dayName,
    color: color
}
要約すると、コードは次のようになります.
const eon = require('eonjs')(8080);

// Constants
const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
const colors = ['yellowgreen', 'brightgreen', 'yellow', 'orange', 'blue', 'blueviolet', 'ff69b4'];

eon.
    get('/weekdays-api').json(() => {
        // API code goes here
        var day = new Date().getDay();
        var dayName = days[day];
        var color = colors[day];

        return {
            schemaVersion: 1,
            label: 'today is',
            message: dayName,
            color: color
        }
    })
    .listen(p => {
        console.log(`Listening on http://localhost:${p}`);
    });

APIの配備💻


今、私たちはAPIを書いていますが、実際にそれを使うことができないなら、それはあまり良くありません.そこで、私たちのAPIをHerokuに配備しましょうshields.io にアクセスできます.まず、行くheroku.com そして、あなたがすでにいないならば、無料の口座をつくってください.今すぐあなたのダッシュボードに移動し、新しいアプリケーションを作成します.

私は、私のものを呼びます

さて、Herokuがそれを見ることができるように、あなたはあなたのAPIのソースコードをgithubに公開する必要があります.

レポの設定


プロジェクトで次の行を含むファイルを作成します
# Don't upload node_modules to GitHub
node_modules
これはgitがサーバにnodeoundモジュールをアップロードしないようです.次に、githubリポジトリを作成します.Gitignore、ライセンスまたはREADMEファイルを追加しないようにしてください.そうしないとコードをアップロードできません.さて、プロジェクトで次のコマンドを実行します.
git init
git add .
git commit -m "initial commit".
# Make sure to replace "user-name" and "repo-name" with your GitHub username and repository name
git remote add origin https://github.com/user-name/repo-name
git push -u origin master

レポの接続


Herokuの配置パネルで「Github」タブを選択します.

アカウントを接続し、リポジトリを選択します.ページの上の少し下の「自動配備」を起動させてください.
Herokuアプリケーションを展開するには、あなたのプロジェクトに移動し、実行する
git commit -m "trigger heroku" --allow-empty
git push
分後(または秒!)Herokuあなたのアプリを展開しているyour-app.herokuapp.com (例えば私のものはeonjs-api.herokuapp.com/weekdays-api ), そしてあなたのエンドポイントはyour-app.herokuapp.com/weekdays-api

あなたの苦労して得られたバッジを遂げること


今、あなたはあなたの小さなAPIで多くの仕事をしました、そして、あなたはあなたの報酬を望みます.これを取得するには、このマークダウンをページに埋め込むだけです.
![Weekday Badge](https://img.shields.io/endpoint?style=flat&url=https://your-app.herokuapp.com/weekdays-api)
あなたのアプリケーションの名前で“アプリ”を置き換えることを確認してください
ここにある
注:キャッシュのために、このポストは古いイメージを表示しているかもしれません.私は確信していません、しかし、これがGithubで起こることができると、私は思います.

結論


私はあなたのEONとあなた自身のAPIを作成する方法の良い概要を与えた願っています.JSとHeroku .コメントで私にいくつかのフィードバックを与えてください.あなたがこれらのチュートリアルのより多くが欲しいかどうか私に話すことができるならば、私はそれを評価します.
読書ありがとう!