概要
APIリファレンス
<aside> 💡 本機能は「ENTERPRISE」プラン向けの機能となります。 ご利用にあたってはアプリ画面の「料金プラン」より「ENTERPRISE」プランへ切り替え後、 こちらのリンクよりマイページカスタマイズを利用したい旨、ご連絡お願いたします。
</aside>
定期購買アプリのマイページはReactフレームワークによるSPA（シングルページアプリケーション）構成で提供されています。
そのため、開発いただくには下記をご理解いただく必要があります。
ご対応できる方がいない場合は弊社の構築チームでも対応可能ですので、別途ご相談ください。
「はじめに」の章よりお申し込みいただいた後、約3営業日後に環境手配させていただきます。
GCP内のルートディレクトリには、下記のようにマイページのコードのBuild結果をアップロードいただく形となります。
（下記はアップロード後のファイル構成となります）
ベースとなるソースコードはこちらとなります。
（１）「４．開発ソースコード提供」にある「account.zip」をダウンロードします。
（２）ZIPファイル解凍後、プロジェクト直下で「yarn」コマンドを実行し、nodeモジュールをインストールします。
（３）ソースコード内の内容をストア様の要件に合わせ修正します
（４）プロジェクト直下で「yarn build」を実行します。
（５）プロジェクト直下に「build」ディレクトリが出力されますので、配下のファイルを「３．GCP環境の提供」のバケットにアップロードします
※ドラッグ＆ドロップによるファイル更新の場合、ファイルのキャッシュ時間が自動的に1時間と設定されるため、反映まで1時間かかります。
これを避ける場合は、お手数ですがgstuilを利用してコマンドベースでアップロードください。
アップロード時のコマンドは下記となります。詳しいインストールや操作方法はこちらをご参照ください。
yarn build && gsutil cp -r build/* gs://{{バケットのURL}} && gsutil setmeta -r -h 'Cache-Control:no-store' gs://{{バケットのURL}}
// 例） test.myshopify-com.mypage-st.huckleberry-inc.com の場合
yarn build && gsutil cp -r build/* gs://test.myshopify-com.mypage-st.huckleberry-inc.com && gsutil setmeta -r -h 'Cache-Control:no-store' gs://test.myshopify-com.mypage-st.huckleberry-inc.com
本番環境へ反映させるにはテーマファイルの編集が必要となります。
（１）テーマ内の「huckleberry-subscription-customer-portal.liquid」のファイルを開く
（２）下記の通りコードを編集する。
変更前
<div id="huckleberry-subscription-customer-portal-wrap">
変更後
<div id="huckleberry-subscription-customer-portal-wrap-experimental">
上記設定後、マイページにアクセスするとカスタマイズされたページが表示されます。