FROM CACHE - jp_header

ディープリンクでのアプリ埋め込みブロックの有効化が出来ない

はたかつや
Shopify Partner
6 0 4

アプリ埋め込みブロックを使ったShopifyアプリを作成しておりります。
アプリ埋め込みブロックを有効化するために、検証用のアプリにて以下のdeep linkを作成しました。

 

https://dev-hxd-app.myshopify.com/admin/themes/current/editor?context=apps&activateAppId=47f53b32-ce...

 

上記のdeep linkにアクセスすると、テーマエディタのテーマ設定>アプリを埋め込むの画面が表示されますが、「埋め込みアプリは存在しません」というエラーメッセージが出力され、アプリ埋め込みブロックを有効化する事は出来ません。

・activateAppIdパラメータに指定されているuuid、handleの値については間違いが無い事を確認しております。
・特定のテンプレートに依存しないアプリ埋め込みブロックなので、templateパラメータは指定しておりません。

同じような問題として以下を見つけたのですが、現象が少し違いようです。

 

https://community.shopify.com/c/shopify-apis-and-sdks/issue-activating-app-embed-blocks-via-deep-lin...


作成したdeep linkに間違いがあるのでしょうか?
ご存知の方がいらっしゃいましたら、ご回答をいただけますと幸いです。

 

以上、よろしくお願いします。

10件の返信10

Kazukii
Shopify Partner
17 0 3

開発ストアにて全く同じ挙動でして、悩んでおります。

本番アプリでは動作するようなことはなかったでしょうか?

Kazukii
Shopify Partner
17 0 3

スクリーンショット 2022-03-23 18.32.33.png

リンクを押すとテーマ設定に遷移しますが、「埋め込みアプリは存在しません」のエラーになります。開発中の埋め込みアプリは右上に表示されるのですが、自動でオンにはなりません。

URLはドキュメント の通りに以下のようにしています。

`

https://${shop}/admin/themes/current/editor?context=apps&template=product&activateAppId=${uuid}/{埋め込みアプリのファイル名}

`

 

junichiokamura
Community Manager
1201 280 509

以下のDeveloper PreviewはEnabledになっていますか?

https://shopify.dev/apps/online-store/theme-app-extensions/getting-started

 

App extensionsはDraftの場合は、Preview modeでしか使えません。Publishしてからは、実際に公開されるまでに時間がかかることがあります。

Senior Partner Solutions Engineer
Kazukii
Shopify Partner
17 0 3

ご返信ありがとうございます。

 


@junichiokamura さんは書きました:

以下のDeveloper PreviewはEnabledになっていますか?

https://shopify.dev/apps/online-store/theme-app-extensions/getting-started


確認しまして、プレビューはenabled かつ Publish(ライブ)になっておりました。実際、オンにするとapp embed blockが動作することも確認しております。

スクリーンショット 2022-03-25 17.55.05.png

 

 

Kazukii
Shopify Partner
17 0 3

@junichiokamura 

こちらReport an issueで本体にも報告をいたしましたが、他にも思い当たる要因がもしあればお願いいたしますm(_ _)m

 

 

junichiokamura
Community Manager
1201 280 509

こちらでも確認してみましたが、本件に関する不具合などは認識されていなくて、仕様の誤認か何かの設定不備によるものと思われます。すでに、確認いただいてる項目のようですが、改めて確認するべきところを記載します。

 

参考までに別のDeep linkに関する投稿を共有します。

Senior Partner Solutions Engineer
ukali_koala
Shopify Partner
2 0 1

こんにちは

私は、Cli3.Xで拡張アプリを開発しています。

Cli3.X と Cli2.X系は併用して使用可能というのも心得ています。

現在インストールしているバージョンは下記になります。

 

```

Current Shopify CLI version: 3.11.0

2系:2.24.0

 

App embedded blockでアプリをデプロイしてディープリンクを確認してみましたが

同様の現象を確認しました。「埋め込みアプリは存在しません」とToastで表示されます。

 

現時点でも、shopify内部かドキュメント記載のURL形式は問題なく

ディープリンクは確認できる状態でしょうか?

 

私にとってこの問題はそこまでクリティカルではないです。

しばし時間が経って解決していたら嬉しく思います。

junichiokamura
Community Manager
1201 280 509

こちらの件、だいぶん時間が経っていますが、私の方でちゃんと動作しましたので、ご報告します。

 

基本的に以下の仕様に沿っていただければ良いのですが、

https://shopify.dev/apps/online-store/theme-app-extensions/extensions-framework#simplified-installat...

 

最後のhandleで指定するは、app blockではなくて、app embed block です。

 

app block は target: section のもので、セクションとして挿入して初めて有効化されるので、いきなりそこをターゲットにしても有効化できていないエラーが出ます。

 

target: body または target: head で作った app embed block (テーマ全体に適用されるブロック)をhandleに正しく(extensionのディレクトリ内のblocksに入っている app embed のliquidファイル名から拡張子を除いたもの)指定すると、私の開発ストアで、下書きのプレビューモードで、初回インストールの後にリンクを踏んで正常に有効化されました(同時にホームページにapp blockのセクションも自動的に追加されるのも確認しています)

実際のパスは以下のようになっており

/themes/current/editor?context=apps&activateAppId=6469a556-0d95-4eec-ad3b-805265b20df2/app-embed-block

 

コードはこのような感じです。

https://github.com/benzookapi/shopify-barebone-app-sample/blob/main/frontend/src/pages/ThemeAppExten...

 

ご参考になれば幸いです。

 

Senior Partner Solutions Engineer
はたかつや
Shopify Partner
6 0 4

すいません。本番アプリでは試しておりません。

エラーを解消する事が出来ませんでしたので、テーマエディタの

「テーマ設定>アプリを埋め込み」の画面へのリンクを設けて、手動で登録してもらうようにしました。

uuno
訪問者
1 0 1

こんにちは。

 

https://shopify.dev/apps/online-store/theme-app-extensions/extensions-framework#example-url

 

こちらのURLを参考にし、deep linkを作成しましたが、開発/本番ストアで同じ問題が発生していて困っています。

Shopify CLI のconnectで確認し正しいUUIDを設定し、Developer PreviewもEnabledになっています。

こちらの問題について、解決した方がいらっしゃれば教えて頂けると助かります。