埋め込みアプリはShopifyのエコシステムに不可欠なパ,トであり,そのおかげでマ,チャントは慣れ親しんだShopify管理を離れることなくストアに機能を追加することができます。あなたはShopifyアプリ開発者として,マーチャントのビジネス成長に役立つ機能をアプリによって提供するというこの絶好の機会を間違いなく認識していることでしょう。
埋め込みアプリは小さな実験レベルから想像以上にパワフルな機能へと進化を続けてきました。当初、Shopifyパ、トナ、は、埋め込みアプリ開発キット(EASDK)とPOS開発キット(POSSDK)というルを使って埋め込みアプリの開発をしていました。しかしアプリエコシステムが発展するにつれ,これらのツールでは開発者のニーズを満たせなくなってきました。
そこで,わたしたはShopify Unite 2019において,すべてのShopifyプラットフォムで使える埋め込みアプリのための統合開発ルを紹介しました。それがShopify App Bridgeです。
Shopify App Bridgeにより,開発者はマ,チャントが管理で操作するあらゆる場所にアプリを埋め込むことができます。Shopify App Bridgeで書かれた単一のフロントエンドによって,POS,デスクトップ,そしてモバescル体験を強化できます。Shopify App Bridgeで構築されたアプリはパフォ,マンスと柔軟性が高く,機能も多く,ほかのShopifyアプリでは不可能な方法でハ,ドウェアを活用できます。今回の記事では,Shopify App Bridgeを利用することで得られる機会を最大化する方法を見ていきます。
目次
·パフォ,マンスと柔軟性
·アクションとアクションセット
·ハ,ドウェア
·変更のマネジメント
パフォ,マンスと柔軟性
Shopify App Bridgeが登場するまで,Shopify POSと管理の両方で使用できるアプリは,個別のクラ▪▪アントサ▪▪ドのラ▪▪ブラリを使う必要がありました。1つはShopify POS用で,もう1つは网络の管理の埋め込み用です。Shopify App Bridgeはこの要件を1種類のライブラリのみに変え,統合されたマーチャントのエクスペリエンスと合理化された開発フローを可能にしました。
Shopify App Bridgeは一貫性と開発の効率性を向上させただけではなく,EASDKやPOSSDKで構築されたアプリの場合と比べて4倍速い読み込み時間を実現しています。
モバ@ @ルにおけるShopify App Bridgeの読み込み時間とEASDKの読み込み時間の比較
アクションとアクションセット
アクションは,Shopify App Bridgeを使ってShopifyとやり取りする際の新しい方法です。アクションを使用することで,多様なShopifyの用户界面要素をコントロ,ルできます。トップバー,読み込み表示,モーダル,リソースピッカー,ボタンなどが使えるので,アプリ体験はネイティブなShopifyのように感じられます。ポップアップメッセージを表示したり,前後関係に合わせて保存バーをアクティベートしたり,アクションはコンテキストに沿って動作させることが可能です。
アクションは,アクションセットと連携することでさらに威力を発揮します。アクションセットは持続的なアクションの組み合わせで、いつでも実行や通知ができます。アクションセットを作成すると、その設定はShopifyとアプリの間で共有され,一貫します。それぞれのサイドで,個々のアクションセットのステートを認識しているので,モーダルがオープンなのか,タイトルバーの中にあるのは何か,といったことが共有されます。
すべてのアクションセットは,APIのシンプルさと一貫性を保ために同じンタを使用します。それが,创建、集、订阅、调度です。
・创建:アクションセットを初期化するために使用。場合によってオプションがある。
・集:可能な場合にアクションセットの設定をアップデ,トする。例:タaapl .トルバ.のタaapl .トルを更新。
・订阅:モ,ダルのクロ,ズ時など,Shopifyの用户界面における@ @ベントを通知。
・调度:Shopifyにアクションを送り,機能をアクティベ,トする。
いくつかの例外を除き,アクションセットを作成すると共有ステート内部の設定がストアされ,それ自体ではあまり効果がありません。アクションセットはアクションを準備して処理できるようにします。
アクション
アクションタesc escプは,アクションセットが利用できるアクションを静的に定義したものです。これらはアプリとShopifyの間で交わされれる個別のメッセージで,タスクの処理やイベントの通知をおこなうためのものです。例としてトーストメッセージ(ポップアップメッセージ)を挙げると,このアクションセットは烤面包であり,ここで可能なアクションは显示と清晰的になります。同様に,加载のアクションセットで可能なアクションはOB欧宝娱乐APPと停止です。これらはShopify App Bridgeで利用可能なアクションセットの2の例に過ぎません。Shopify App Bridgeの成長にともない,新機能のためのアクションセットがもっと追加されていきます。
ポップアップを表示するためのアクションタ@ @プの使用
アクションセットが作成されると,そこに含まれるアクションが実行できるようになります。また,Shopifyで実行されたアクションの通知が受けられます。たとえば,マ,チャントがShopify管理でモ,ダルを閉じると,Shopifyは关闭アクションを実行し,アプリがその通知を受け取ります。また,アクション実行後のコールバック処理をアプリが提供することもできます。
シンプルで一貫性のあるAPI(创建、集、订阅、调度)と静的に定義されたアクションを組み合わせ,Shopify App Bridgeはきめ細かで最小限で済むコントロ,ルを提供します。これにより,Shopify App Bridgeの拡張性も高まります。また,アクションを使用することで、特定のビジュアルデザインに結びついたメソッドから解放され、機能性によってグループ化された構成的なブロックが使用できるようになります。
アクションセットはねにステトに透明性をもたらすため,回来的DevToolsなどを使用してアプリの現状ステートを検証することができ,デバッグのために過去のアクションをリプレイすることさえ可能です。
回来的DevToolsによるデバッグ
こらも参考にしてください:Shopify App命令行:アプリ開発を高速化するル
ハ,ドウェア
Shopify App Bridgeは,スキャナアクションを使用して,カメラやNFCリダなどの強力なデバスハドウェア機能にアクセスすることができます。アプリはデバ@ @スの種類を確認する機能検出を使用することができ,モバ@ @ @ @ @ @ @ @ @ @ @ @ @ @ @ @アクセスが承認されると,機能検出によってアプリはハードウェアの利用が可能かどうかとスキャンを開始できるかどうかを知ることができます。
変化のマネ,ジメント
今日のテクノロジ、の進歩はとても早く、変化に、いていくのは一仕事です。Shopify App Bridgeは,ラ▪▪ブラリのセマンティックなバ▪▪ジョニングにより,安定性と新機能の迅速な提供という二面性のバランスをとっています。そのため,適応サ。
埋め込みアプリ開発のための統合ル
Shopify App Bridgeは,埋め込みアプリの素早い開発を可能にし,マーチャントのために統合的で機能性の高いプロダクトを作成する機会を広げます。この機会を今日から活用してください。
Shopify App Bridgeの改良アップデトにいて最新情報を得るには,開発者チェンジログをご購読ください。
Shopifyパ,トナ,プログラムでビジネスを成長させる
マーケティング,カスタマイズ,またはWebデザインや開発など提供するサービスに関係なく,Shopifyパートナープログラムはあなたを成功へと導きます。プログラムの参加は無料で,収益分配の機会が得られ,ビジネスを成長させる豊富なツールにアクセスできます。情熱的なコマスコミュニティに今すぐ参加しましょう!