Elixir Phoenix:テストでアプリを作成する(パート1:セットアップ)

更新:2019年1月16日

Learn by doing

私の好みの学習方法は、doingで学ぶことです。 私は一日中物事を読んで見ることができますが、私がコードで降りて汚れてしまうまで、それは本当に沈むことはありません。 やって学ぶための素晴らしい方法は、それが私たちがやろうとしていることであるようにアプリを構築することです!

起こっていることすべてを説明する高レベルの概要ではありません。 これは、ElixirとPhoenixに精通しているが、まだ最初のアプリを構築していない人にとっては、より多くのウォークスルーです。 私はこのチュートリアルのためにPhoenix1.4とElixir1.8を使用しています。

機能はシンプルになります。 アカウントを作成できます。 動画を検索して見ることができます。 新しい動画を追加できます。 YouTube APIから情報を取得してビデオを追加したり、デフォルトのミリグラムの代わりにTailwind CSSを使用するなど、いくつかの複雑さがあります(Phoenix1.4でMilligramがbootstrapに置き換わりました)。 しかし、私はすでに物事を動作させるためにコードと戦うという問題を経験しているので、すべてがあなたのためにスムーズに行くはずです。あなたがいつでも動けなくなったら私に知らせてください。

あなたを助けてくれるでしょう。

あなたがいつでも動けなくなったら、私はあ 始めましょう!注:いつでも動けなくなった場合は、私にコメントを残すか、GitHubのレポをチェックアウトすることができます。

各パーツには独自のブランチがあり、最初に(GitHub)でリンクされます。 また、特定のセクションで何が行われたかを見ることができるように、全体にコミットハッシュがあります。 彼らは以下のようになります(70ea207)。 それらが小見出しにある場合、コミットはそのセクションのすべてに関係します。 それ以外の場合、コミットは関連するテキストの最後で共有されます。

アプリを生成します(70ea207)(GitHub)

Catcastsを構築します。 それはあなたのお気に入りのYouTubeの猫の動画を共有する場所になります。 ユーザーはGoogleにサインインすることで作成されます。 動画は、YouTube APIにURLを投稿して情報を取得することで作成されます。 この情報は、ビデオが埋め込まれたページを作成するために使用されます。elixirとPhoenixがまだインストールされていない場合は、ElixirガイドとPhoenixガイドに従うことができます。

これで完了したと仮定して、アプリを作成する時間ができました。 私たちはmix phx.new catcastsを実行してアプリを生成し、「依存関係を取得してインストールしますか? “私たちは”y”と言います。

Set Up Postgres(975847b)

生成されるアプリの最後に、次に何をする必要があるかについて役立つ指示がいくつかあります。

アプリの生成からの出力

cd catcastsmix ecto.createmix ecto.createmix ecto.createを実行する前に最初に行う必要があることは、データベースを設定することです。 ローカルのPostgresの設定方法に応じて、ローカル環境にはユーザー名がホームディレクトリ(私にとってはthebrianemory)であり、パスワードフィールドが空である可能性があります。 私たちのconfig/dev.exsファイルを開き、データベースを設定してみましょう。注:ローカルマシンにPostgresをセットアップしていない場合、Herokuにはセットアップするための便利なガイドがあります。 Homebrewを使用している場合は、代わりにコマンドラインでbrew install postgresqlを実行できます。

config/dev。exs

その後、実行することができますmix ecto.create、あなたのアプリがコンパイルされ、あなたは素晴らしいメッセージ、”CatcastsのためのデーRepoが作成されました。”この時点で、あなたが実行することができますmix phx.serverhttp://localhost:4000″フェニックスへようこそ!”

注:”shall I install rebar3?”のようなメッセージが表示された場合は、”shall I install rebar3?”のようなメッセージが表示されます。 (非対話的に実行している場合は、”mix local”を使用します。rebar-force”)”、先に進み、”y”を選択します。

また、現在合格しているアプリで作成された三つのテストがあります。 それらが通過するのを確認するには、最初にconfig/test.exsのデータベース設定も更新する必要があります。

config/test.exs

mix test(テストを実行する前にアプリがコンパイルされます)を使用してテストを実行し、美しい緑のテキスト”3tests,0failures”が表示されるようになりました。

コメントを残す

メールアドレスが公開されることはありません。