nplate Tips

カテゴリ:

投稿日:2021年9月29日

GitHubと連携した nplate 開発環境の構築

WSL内の開発フォルダに nplate を clone します。

以下では、nplate をリポジトリから取得して、project_nameフォルダに保存し、git関連のファイルを削除しています。

git clone git@github.com:n0pj/nplate.git project_name && rm -rf project_name/.git

GitHubに新しくリポジトリを作成します。

リポジトリの作成ができたら、試しにローカルファイル全部をPushしてみます。

git add .
git commit -m "first commit"
git branch -M main
git remote add origin git@github.com:account_name/project_name.git
git push -u origin main

GitHub内でソースを確認し、問題なく表示されていればGitHubと連携したnplate 開発環境の作成は完了です。

設定ファイルの編集

WordPress開発環境を構築する場合

WordPressを利用するための設定を有効化

server_settings > use > proxy, htaccess を true に設定

  server_settings: {
    // php を xampp, mamp 等を使用せずに nplate のみで動かす場合は、host, port を設定する
    host: 'localhost:80', // wordpress の場合、localhost のみ
    // php を使用する場合、port が php サーバーになり、host には localhost + port を合うように入力する
    port: 80,
    browsersync_port: 4000,
    proxy_port: 3003, // next.js の設定、設定例は src/dode_tips/nplate_tips/how_to_use_nextjs.js を参照
    use: {
      proxy: true,
      htaccess: true
    }
  }

wordpress_settings > use > as_wordpress_theme を true に設定

  wordpress_settings: {
    use: {
      as_wordpress_theme: true
    }
  }

PHPの利用を有効化

php_settings > use > php を true に設定

php_settings > php_bin, php_ini のパスを設定

  php_settings: {
    use: {
      php: true,
      laravel: false,
      blade_template: false
    },
    php_bin:
      'C:/UserApps/Apps/laragon/bin/php/php-7.4.9-Win32-vc15-x64/php.exe',
    php_ini: 'C:/UserApps/Apps/laragon/bin/php/php-7.4.9-Win32-vc15-x64/php.ini'
  }

JavaScript の取得

開発環境に定義されているJavaScriptファイルを取得します。

yarn

開発環境を実行します。

yarn start

技術ブログ 一覧へ戻る

FLARESへのご相談・ご依頼

制作依頼・サービスについて不明な点ございましたらお気軽にお問い合わせください

資料ダウンロード

会社やサービスに関する資料ダウンロードをご希望の方は右の資料ダウンロードページからご利用ください。

採用情報

採用応募をご希望の方は応募フォームからご応募ください。

採用サイトへ