StaticStrap

#スタティックストラップ

####静的 Web サイトの開発を始めましょう!

シンプルなコードをすべて設定して静的 Web サイトを展開することにうんざりしていませんか?

開発環境のセットアップに時間を無駄にすることにうんざりしていませんか?

単純なメーラー php クラスのセットアップにうんざりしていませんか?

さあ、すでに完了しています。変数をいくつか変更するだけです。

##ツールとフレームワーク Gulp SCSS (CSS を処理する) PUG (ex Jade) HTML jQuery (必要な場合) を処理する Babel Foundation Composer PHPMailer

##インストール dev env git clone https://github.com/Kirkhammetz/StaticStrap.git npm install # またはyarn install npm run init # 最初のセットアップ

導入時

フォルダー全体をデプロイ/プッシュしますが、Webroot をpublic/にポイントし、電子メールが必要な場合はサーバー上で Composer install を実行します。

 npm run composer install

##ファイル構造

• ソース/ソースコンテナ
  • ソース/pug PUG テンプレート ファイル
  • source/js JS メイン モジュール、独自に拡張できます
  • source/scss SCSS コンテナ、main.scss は root/css/main.min.css でコンパイルおよび縮小されます
  • source/binパブリックにコピーされるサーバー スクリプト
• ソース/静的
  • static/images: public/images にコピーされる画像
  • static/fonts: フォントを public/fonts にコピーして配置します。
  • static/.htaccess: パブリックフォルダーにコピーされました
• 公開/編集されたウェブサイト
• bin/ Composer ベンダー + dotenv for php は公開されていません

PHP スクリプトと PHPMailer

いつでもサービス API から SMTP を直接使用でき、PHP をまったく使用しないように選択できます。

ルートのbin/フォルダーはウェブルートでは公開されていません。SMTP 資格情報に関して PHPMailer で使用するコンポーザー モジュールと.env変数が含まれています。

サーバースクリプトをsource/binに入れてpublic/binにコピーします。そこから開始するindex.phpがあり、 main.class.phpをロードします。

Main Class は /bin/.env の .env から変数をロードし、PHPMailer をロードし、ENV 変数を使用してセットアップを行います。メインは 1 つのパブリック メソッドsend_email($Request)のみを公開します。リクエストはメール データ (名前、電子メール、メッセージ) を含む配列であり、JSON 応答を返し、それに応じて HTTP_STATUS を設定します。

Index.php を使用してスクリプトからデータをポストし、Main クラスから JSON 応答を取得します。

##HELPERS ルート DIR にはenv.jsonがあります。ここで、コンパイルされた PUG テンプレートに渡される変数を宣言できるため、すべてのビューに共通データを簡単に追加し、顧客の要求に応じて迅速に変更できます。 (私たちはこれが起こることを知っています...)。

.htaccess source/.htaccessはpublic/にコピーされます

ベンダー: gulpfile.jsにベンダー (スクリプト/スタイル) を追加します。ベンダーには 2 つの配列があります。

注意してください！スクリプトは正しい順序で記述してください。

#####これで、素晴らしいものを作成する準備が整いました。