【Salesforce】【AWS】拡張ドメインを適用したらCTI Adapterが使えなくなった時の対処法

# 1.はじめに
どうも、ARIの名古屋支社に勤務している愛知県民こと、
新藏（にいくら）と申します♪
(/・ω・)/

Salesforceの公式サイトによると、**Spring '23で拡張ドメインが必須**になるようです。

> Winter '23 では、適用を Spring '23 まで延期した組織レベルの設定を有効にしていない限り、
> Sandbox および本番以外の組織で拡張ド> メインが必須でした。
> 本番組織と残りのすべての組織では Spring '23 で必須になります。

https://help.salesforce.com/s/articleView?id=sf.domain_name_enhanced.htm&type=5

いずれ必須になるので、先日Salesforceの拡張ドメインを適用したのですが、
**CTI Adapterが使えなくなりました・・・**

具体的には「CCPへのサインイン」までは表示されるのですが、
ボタンを押してもAmazonConnectへのログイン画面が表示されなくなりました。

|![000_CCPへのサインインを押しても反応しない.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/9e3dcae1-3658-db6f-0ba1-d1c870179b5c.png)|
|:--|

また、F12キーを押し開発者ツールを見ると、「**ctiAdapter is not present on the page**」のエラーが発生していました。

|![020_エラー内容の確認.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/f3d07375-6967-5dca-685f-c7e66c771986.png)|
|:--|

とある設定を入れて、最終的には動くようにできたので
**今回は拡張ドメインを適用した際にCTI Adapterを動かすために必要な設定**
について記事にしたいと思います！

同様の事象で悩んでいる方、Salesforce、AmazonConnectについて勉強中の方の参考になれば幸いです。
(*^^)v

ちなみに、12月は**ARIのアドベントカレンダ**もやっていますので、
もしよろしければ、こちらも応援お願いします♪

https://qiita.com/advent-calendar/2022/ari-group

https://qiita.com/advent-calendar/2022/aichi_lover_yomoyama

# 2.Salesforce側の設定
では、早速設定していきましょう♪

2.1.設定画面を開き、検索欄に「visual」と入力し、「Visualforceページ」を選択します。

|![030_Visualforceページを選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/516450e6-02bb-5deb-3568-519c2d875418.png)|
|:--|

2.2.「AC_LightningAdapter」を選択します。

|![040_AC_LightningAdapterを選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/f5c3b469-ddfd-3762-3d7d-a1e6b2d4d1a0.png)|
|:--|

2.3.「プレビュー」を選択します。

|![050_プレビューを選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/35ea1588-4dd1-8d57-2ace-dc9904b98338.png)|
|:--|

2.4.画面上部に表示されるURLをメモ帳などにコピーします。

|![060_URLをコピー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/c260f199-6d66-4c18-3e8d-4ce25212b848.png)|
|:--|

2.5.設定画面にて、検索欄に「コール」と入力し、「コールセンター」を選択します。

|![100_コールセンターを選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/ea1e1435-adee-7703-430f-4bc5246c8208.png)|
|:--|

2.6.「AC Lightning Adapter」の「編集」を選択します。

|![110_AC Lightning Adapterの編集を選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/c6cc3e9b-5dbc-2d96-6c9b-a86e87689611.png)|
|:--|

2.7.「CTI Adapter URL」に手順2.4でコピーしたURLを張り付け、「保存」を選択します。

|![120_CTI Adapter URLを更新し、保存を選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/7f808aa9-6fbf-be0f-98e4-6b970280f1c5.png)|
|:--|

2.8.以上でSalesforce側の設定は完了です。

# 3.AWS側の設定
続いて、AWS側も設定していきます♪

3.1.AmazonConnectの管理画面にて、「承認済みオリジン」を選択します。

|![200_承認済みオリジンを選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/ea503371-d942-da5a-43ab-e0d5b935f71e.png)|
|:--|

3.2.「ドメインを追加」を選択します。

|![210_ドメインを追加を選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/493ceea5-d3e7-8a6a-5b81-0c0695c25e2c.png)|
|:--|

3.3.手順2.4でコピーしたURLの「・・・vf.force.com」までを入力し、「ドメインを追加」を選択します。

|![220_ドメインを入力し、追加を選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/a1806202-679b-e6bb-4a0c-c58ef968cbbd.png)|
|:--|

3.4.以上で設定は完了です。
Salesforceにて「CCPへのサインイン」を選択するとAmazonConnectへのログイン画面が表示され、
CTI Adapterが動くようになります。

|![300_復活.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1372071/f73f3804-2846-a18b-f1b7-ea0c1487accd.png)|
|:--|

# 4.おわりに
ここまで読んで下さり、ありがとうございます！！！
(^^)

最初はCTI Adapterが動かなくなって焦りましたが、
何とか対処できて一安心しました・・・

次回も何かしら記事を書きたいと思います♪
(:3_ヽ)_