# 会員専用サイト化と、存在チェックできるテキストフィールドが追加できるアプリを教えてください

**URL:** <https://community.shopify.com/t/topic/23104>\
**Category:** Shopify アプリ\
**Created:** [October 17, 2020, 1:52am UTC](https://community.shopify.com/t/topic/23104 "2020-10-17T01:52:29Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

会員専用サイト化と、会員登録時に入力する「店舗・担当者を特定できるコード」の存在チェック方法が主題です。要件は、紹介された顧客だけが利用でき、登録時に個人情報とコードの入力を必須にすることでした。

主な検討案:
- custom app / private appでコードのマスターデータを参照し、登録画面にJavaScriptを入れて存在確認する方法。
- この場合、CORS（異なるドメイン間通信の制約）対策として、ショップ配下にサーバーを置く・App Proxyを使う・サーバー側でCORS対応する案が示されました。

最終的な実装結果:
- クローズドサイト化はテーマカスタマイズで対応。
- 「custom fields」アプリを導入。
- ルール設定で、入力された店舗指定コードを顧客ノートへ保存。
- コードは数値化し、厳密な存在チェックの代わりに「許可した番号範囲のみ通す」運用で対応。

完全なマスタ照合ではありませんが、運用可能な形で解決済みです。

<div class="post-metadata">

**Author:** ![syumit](https://avatars.discourse-cdn.com/v4/letter/s/7c8e57/32.png) [@syumit](https://community.shopify.com/u/syumit)\
**Post date:** [October 17, 2020, 1:52am UTC](https://community.shopify.com/t/topic/23104/1 "2020-10-17T01:52:29Z")

</div>

お世話になります。

下記要件を充たせるアプリがあればご教示いただきたく、  
宜しくお願いいたします。

【要件】  
①店舗で紹介した顧客のみが利用できるサイトにする。  
②顧客は紹介された店舗と担当者を特定できるコードを持つ  
③顧客はサイト会員登録時に個人情報とコードを入力する必要がある。  
④コードはドロップダウン不可、テキストフィールドで、存在チェックは必要。

【やったこと】  
1．shopifyのサイトを会員専用サイトにする  
・こちらはAdvanced Registrationを使用して実現しました  
・しかしながら、④のように存在チェックする方法が見つからず断念しました。  
2．いろいろなアプリや入力チェックカスタマイズについて着手し始めたが、  
有識者にきいたほうが早いことに気づく←いまここです

項目を追加するアプリは多くあるのですが、マスタ管理し存在チェックできるものがなかなかみつからず困っております。

カスタマイズが必要であれば、ざっくりとした方法もご教示いただけますと幸いです。

宜しくお願いいたします。

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [October 23, 2020, 9:09am UTC](https://community.shopify.com/t/topic/23104/2 "2020-10-23T09:09:56Z")

</div>

Privare appかcustom appでマスターデータを参照するプログラムを作って、会員登録画面にJavaScriptを挿入して、入力されたコードをinputにしてそのプログラムのサーバーにアクセスして存在しなければエラーを出す（よくある、利用可能なIDチェックのような仕組み）という処理を入れることで可能かと思います。

普通にウェブページから、外部サイトにJSでhttpアクセスすると、cross-origin の制約に引っかかりますので、上記サーバーをショップのドメイン配下に置くか、パートナーダッシュボードから作れるcustom appでapp proxyを使うか、サーバー側にCORS対応を施すことになるかと思います。

---

<div class="post-metadata">

**Author:** ![syumit](https://avatars.discourse-cdn.com/v4/letter/s/7c8e57/32.png) [@syumit](https://community.shopify.com/u/syumit)\
**Post date:** [October 24, 2020, 12:27am UTC](https://community.shopify.com/t/topic/23104/3 "2020-10-24T00:27:31Z")

</div>

ご回答ありがとうございます。

参考にさせていただきます。

---

<div class="post-metadata">

**Author:** ![syumit](https://avatars.discourse-cdn.com/v4/letter/s/7c8e57/32.png) [@syumit](https://community.shopify.com/u/syumit)\
**Post date:** [October 24, 2020, 12:31am UTC](https://community.shopify.com/t/topic/23104/4 "2020-10-24T00:31:55Z")

</div>

皆様ご回答ありがとうございました。

下記の方法で実現できました。

・クローズサイト化はテーマカスタマイズ。  
参考サイト「[https://qiita.com/syantien/items/1a60f7c3a5cae5f848f0」](https://qiita.com/syantien/items/1a60f7c3a5cae5f848f0%E3%80%8D)

・アプリ「custom fields」をインストール

・rule設定により店舗指定コード入力時に顧客のノートに保存されるようにする。

・店舗コードは数値で作成

・入力チェックとして、あらかじめ決められた番号範囲のみ許容する。  
店舗コードを増やしたい場合は上限を引き上げる。  
退職者などの欠番は台帳の方で管理部門などに置換する。

かなり苦しい感じでしたが、運用に耐える形にはなりました。
