JavaScript/NODEJS開発者のためのLaravel 6とVUEJSの学習パート1 Laravelのランニング

私が取り組んだ最初のフルスタックWebフレームワークの1つはRuby on Railsでした.私は今でも、開発者として働く素晴らしいフレームワークだと思います.それは離れてあなたのために多くの痛みを抽出します.何かをデータベースに追加する必要がありますか?問題ありません.簡単な移行を書く必要があります.Authシステムが必要ですか?問題ありません、それはちょうど1つのCLIコマンドです.プロジェクトの構造を設定する方法を知りませんか?これについて考える必要はありません.フレームワークは、すでにあなたのための最良のプラクティスがあります!
最近では、Web devのコミュニティでは、ララベルについての詳細を聞くことができます.人々は時々PHPのRuby on Railsと呼びます.したがって、このシリーズでは、ララヴィル6を探索し、フロントエンドフレームワークとして、vuejsを使用します.

ララヴァが走ること

装飾

PHP
LaravelはPHPで書かれており、PHPに加えて拡張機能が必要です.
ここではララベル6.0の要件です

PHP > = 7.2.

PHP拡張モジュール

PHP拡張モジュール

PHP拡張モジュール

PHP拡張モジュール

OpenSSL PHP拡張モジュール

PDO PHP拡張モジュール

tokenizer PHP拡張モジュール

XML PHP拡張モジュール

このチュートリアルではUbuntu それはお気に入りのLinux distrosの一つですので、簡単にUbuntuをインストールすることができますWSL .
最初に加えるppa (もちろん、それはUbuntuであるPPAを必要とします).

sudo add-apt-repository ppa:ondrej/php ; sudo apt update ; sudo apt upgrade

今までのすべてを持っている今、すべての依存関係をインストールしましょう

 sudo apt install php7.3-common php7.3-cli php7.3-bcmath php7.3-zip php7.3-gd php7.3-mysql php7.3-curl php7.3-mbstring php7.3-imap php7.3-xml php7.3-intl php7.3-mysql

MySQL/MariADB
クラウドにデータベースを提供するか、ローカルにインストールすることもできます.私たちはUbuntuシステムにMariADBをインストールします.そのためには、以下のパッケージが必要です.

sudo apt install mariadb-server mariadb-client

その後、データベースを設定する必要があります

sudo mysql_secure_installation

指示に従ってください、そして、我々が後で彼らを必要とするすべてのロゴ資格証明書を覚えていてください
今すぐMariadbを開始する必要があります.

sudo service mysql start

作曲家
作曲家はPHPのためのパッケージマネージャです、そして、それは新しいLaravelプロジェクトを作成して、それからPHP依存症を管理するのに使用されます.インストールしましょう:

sudo apt install composer

最初のLaravelアプリケーションの作成
今私たちはcomposer 実行中、グローバルララバイインストーラをインストールする必要があります.これは、1つの簡単なコマンドラインで新しいプロジェクトを作成するのに役立ちます.

composer global require laravel/installer

私たちはあなたの最後に次の行を追加する必要があります~/.bashrc .
任意のエディタでファイルを開き、次の行を追加します.

$HOME/.config/composer/vendor/bin

これで、端末を閉じて再オープンするか、このコマンドを実行する必要があります

source .bashrc

今、あなたはlaravel あなたの指先でコマンド.

laravel new Laragram

これは、すべての依存関係をダウンロードしてインストールするにはいくつかの時間がかかります.
その間に、私たちがここで何を築くのか、あなたに話します.それで、多分、あなたはすでに見ましたLaraGram にcomposer コマンド.あなたが現在我々がInstagramクローンをつくると思うならば、あなたは正しいです!このシリーズの目標は、すべての最も重要な機能を持つアプリケーションのようなInstagramを持つことです.写真のアップロード、次の人々、ポストの下でコメントを共有するように、いくつかのより多くの機能.さて、コマンドが終了している必要がありますし、新しいフォルダをLALAGRAMと呼ばれる必要があります.

最初のlaravelアプリケーションの起動
さあ、新しく作成されたアプリケーションを実行しましょう.端末がlaragramフォルダにあることを確認し、次のコマンドを実行してください.

php artisan serv

これでサーバが起動し、次のメッセージが端末に表示されます.

Laravel development server started: http://127.0.0.1:8000

これは、あなたのお気に入りのブラウザに行くことができることを意味します.URLを入力するhttp://127.0.0.1:800 アドレスバーに.デフォルトのラーラベルページが表示されます.


ララベルのためのデータベースの作成
まず、ラーラヴプロジェクトでファイルを編集する必要があります.ファイルを見つける必要がありますapp->Providers->AppServiceProvider.php 次の行を追加します.

use Schema;

Schema::defaultStringLength(191);

ここでどのように見えるかの写真です.

これでMariADBに接続できます.

sudo mysql -u <root or a user that can access the db> -p

そして、我々はテーブルを作成することができます

CREATE DATABASE laragram CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
USE laragram;
CREATE USER 'larauser'@'localhost' IDENTIFIED BY 'larapw';
GRANT ALL PRIVILEGES ON laragram.* To 'larauser'@'localhost' IDENTIFIED BY 'larapw';
EXIT; 

これは' laraguser 'と呼ばれるユーザと' laragw 'と呼ばれるデータベースを作成します.
Laravelが我々のデータベースに話をすることができるかどうか見ましょう.まず、サーバーを停止しますCTRL+c それから次のコマンドを実行します.

php artisan migrate

このコマンドは、フレームワークがデフォルトで作成する移行を実行するようララベルに指示します.

すべてがOKであるならば、それは上記のイメージで好きです.

Vueの設定js
最初に、私たちは、ラウヴィエルにVuejsを使うように言わなければなりません

php artisan preset vue

現在、我々はフロントエンドを走らせるために2つのステップだけを必要とするだけです.

npm install

これはNPM依存関係をインストールします.すべてがうまくいくならば、我々は現在我々のフロントエンドを走らせることができます.

npm run dev

or

npm run watch

最初のコマンドは、フロントエンドを一度ビルドし、2番目のファイルは常に実行し、ファイルを保存するときにフロントエンドを再構築します.
今、我々はすべての設定を準備し、我々のInstagramクローンで動作するように準備!
我々は、パート2でこれから始めます!だから次の部分がリリースされるときに警告を得るために従うことを忘れないでください!
👋うーんMedium | |