如何创建可安装的Shopify公开应用并集成店铺后台?是否需自行托管?
Shopify公开应用创建、仪表盘集成及托管相关问题解答
嘿,我之前折腾Shopify应用的时候也碰到过这些问题,给你梳理下实操层面的解决方案,应该能帮你理清思路:
一、如何创建可供用户安装的Shopify公开应用?
- 首先登录你的Shopify Partner后台,点击创建新应用,选择Public app类型(区别于只能绑定单个店铺的Custom app)。
- 填写应用基本信息:包括应用名称、应用主URL(用户打开应用时访问的地址)、重定向URL(OAuth授权完成后跳转的地址,必须是公网可访问的)。
- 配置OAuth权限:在应用的「App setup」页面,找到「OAuth scopes」,添加你的应用需要的权限(比如
read_products、write_orders,按需选择最小必要权限,避免过度授权吓跑用户)。 - 实现OAuth授权流程:当用户点击「安装应用」时,Shopify会跳转至你设置的重定向URL并携带授权码,你的后端需要用这个授权码向Shopify请求访问令牌,拿到令牌后就能调用Shopify API操作店铺数据了。
- 测试安装:用Partner后台的「Test your app」功能,选择你自己的测试店铺,模拟用户安装流程,验证授权和API调用是否正常。
二、应用如何与店铺面板仪表盘集成?
- 用Shopify App Bridge:这是官方提供的前端库,能让你的应用无缝嵌入到Shopify店铺的仪表盘里。比如可以创建侧边栏导航入口、弹出模态框、同步Shopify的顶部导航等。
- 配置嵌入式应用:在Partner后台的「App setup」里开启「Embedded app」选项,设置应用的嵌入URL(就是用户在仪表盘里打开应用时加载的页面地址)。
- 适配Shopify UI风格:推荐用Shopify的Polaris组件库开发应用前端,让你的应用外观和Shopify原生仪表盘保持一致,提升用户体验。
- 添加仪表盘菜单项:在「App setup」的「Navigation」部分,配置应用在店铺仪表盘里的入口位置——可以是侧边栏的独立菜单,也可以挂在「订单」「产品」等原生菜单下面。
三、初期不想上架,是否必须自行托管应用?
- 答案是需要,但有灵活的方案:
- 正式托管:如果要让其他用户安装你的应用,必须把应用部署到公网可访问的服务器,比如Vercel、Heroku、AWS EC2这些平台都可以,只要保证Shopify能正常回调你的应用URL就行。
- 本地开发测试:用Shopify CLI的隧道功能(执行
shopify app tunnel start),可以把本地运行的应用服务暴露到公网,方便你在测试店铺里验证功能,不用一开始就部署到正式服务器。 - 注意:哪怕不上架到Shopify App Store,只要是允许任意店铺安装的公开应用,你的应用必须有公网可访问的地址,因为Shopify需要和你的应用完成OAuth授权、API交互等操作。
内容的提问来源于stack exchange,提问作者silent_coder14
相关产品推荐
相关产品推荐

