ecforceの既存ページ開発時のテスト環境での実装方法を見つけたのでまとめてみる(備忘録)
今回はecforceの既存ページ開発時のテスト環境での実装方法についてまとめていきます。
これまでは本番でしか作業ができない、または本番と同じテスト環境を用意することでしか対応できないと思っていたのですが、打開策を発見しましたので綴っていきます。
現在のテーマをコピーする
管理画面にログインし、ショップ管理→テーマ管理を選択します。
![](https://freefuntimes.com/wp-content/uploads/2023/04/af8ad5a71210ea4cb654f3fe2be5fa55-1030x352.png)
アクション→複製を選択します。
![](https://freefuntimes.com/wp-content/uploads/2023/04/4e9db525b96239619aa6818fd856f6d3-1-1030x540.png)
「コピー元 テーマ名」が表示されているので、現在のテーマであることを確認します。
続いて「コピー元 テーマ名」に、任意の名前(何の開発をしているかわかるような名前がおすすめ)をつけ、「コピーを作成」をクリックします。
![](https://freefuntimes.com/wp-content/uploads/2023/04/25da7b91980811357e2190f736e02f13-1030x444.png)
テーマ管理のテーマライブラリに、先ほど作成したコピーしたテーマが追加されます。
![](https://freefuntimes.com/wp-content/uploads/2023/04/805f9c3a4eb7f669f2fed243227afec3-1030x545.png)
コピーしたテーマで開発する
コピーしたテーマに対して、アクションからコードの編集をして開発していきます。
![](https://freefuntimes.com/wp-content/uploads/2023/04/3e292d9ce5055b89f980ec775ea36b11-1030x526.png)
下記はコピーしたテーマで開発している画面になります。
![](https://freefuntimes.com/wp-content/uploads/2023/04/f06b71376354cbbd2f0a79d62d609a53-1030x230.png)
左上にコピーしたテーマ名が表示されており、テストページを閲覧したい場合は「プレビュー」をクリックして確認します。プレビュー以外からは確認できませんのでご注意ください。
ファイルアップロードにも対応しています。ファイルアップロードの際は、URLの番号が、「ファイル管理」を選択しているときのURLと一致しているか見ておくと安全です。
![](https://freefuntimes.com/wp-content/uploads/2023/04/82c10259bcd57e582ba16f80d7b7fc95-1030x690.png)
コピーしたテーマで開発するときの注意点
当たり前のことかもしれませんが、あげておきます。
- バックアップをとっておく
- 自分が触っているテーマが正しいかを触るたびに確認する。
- チーム開発時は情報共有をしっかり行う
- テストページ確認は毎回データを更新するたびに行う。念の為本番環境に影響ないかチェックするのもおすすめ。
以上になります。