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

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

https://dev-hxd-app.myshopify.com/admin/themes/current/editor?context=apps&activateAppId=47f53b32-ce21-4889-ad82-ec6d8d6d8b7a%2Fmeasurement

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

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

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

https://community.shopify.com/c/shopify-apis-and-sdks/issue-activating-app-embed-blocks-via-deep-linking/td-p/1280174

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

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

2 Likes

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

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

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

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

`

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

`

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

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

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

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

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

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

2 Likes

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

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

@junichiokamura

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

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

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

こんにちは。

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

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

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

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

1 Like

こんにちは

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

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

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


Current Shopify CLI version: 3.11.0

2系:2.24.0

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

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

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

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

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

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

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

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

https://shopify.dev/apps/online-store/theme-app-extensions/extensions-framework#simplified-installation-flow-with-deep-linking

最後の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/ThemeAppExtension.jsx#L22

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

1 Like