Shopify app Error! 一站式解决方案-shopify error

最新推荐文章于 2024-08-16 09:08:15 发布
最新推荐文章于 2024-08-16 09:08:15 发布
阅读量1.3k 收藏 20
点赞数 29
文章标签： web app 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48139159/article/details/137881025
版权
本文详细描述了解决Shopify应用开发过程中遇到的cloudflare隧道未知错误、500InternalServerError以及授权问题的解决方法，包括使用ngrok、定制隧道URL和验证网络设置。
摘要由CSDN通过智能技术生成
  1. 解决启动时的问题：unknown error

    报错会提示：
    What to try: │
    │ • Run the command again │
    │ • Add the flag `--tunnel-url {URL}` to use a custom tunnel URL
    等问题时
    科学上网，访问以下链接：
    shopify app 问题反馈： unknown erroricon-default.png?t=N7T8https://community.shopify.com/c/technical-q-a/cloudflare-tunnel-error-quot-could-not-start-cloudflare-tunnel/m-p/2283719

    下载好 ngrok 后，如果直接搬移作者源码过去时，注意本地不要用相同的 3000 端口被占用
     
  2. 上个问题解决后，拿着 图里的链接 (也就是 Preview URL) 去访问时，出现第二个问题： 
    › Press d │ toggle development store preview: ✔ on
› Press g │ open GraphiQL (Admin API) in your browser
› Press p │ preview in your browser
› Press q │ quit

Preview URL: https://*****.myshopify.com/admin/oauth/redirect_from_cli?client_id=****
GraphiQL URL: http://localhost:3457/graphiql
         1. 访问出现：500 Internal Server Error
         2. 控制台有错误信息：No valid session found   |   Requesting offline access token

        请访问以下链接：
githup 作者回复icon-default.png?t=N7T8https://github.com/Shopify/shopify-app-template-remix/issues/561       

        好了现在最后一步，如果能打开，那下面的内容就忽略。
 


        部分人的 TZ 可能会 导致网络虽然全局了但没啥用，
        给你们推荐个，不过有点小贵，base64加密了一下，先不要买套餐！！！，有免费额度试一下看看能否正常访问（只要不再出现 500，就表示OK了，再不济的话，有其他问题留言）
        aHR0cDovLzg3NDlmYjk5LndlYWtzaGFyZWRwdHIuY29tL3JlZ2lzdGVyP3NoYXJlX2lkPTg3NDlmYjk5LTY0MGQtNDQxZi04MmYwLWE3MzY4MGIxZmZiMA==


        1. 下载好后，下面两个都勾选上，点击加速
        2. 然后重新运行 ngrok 和 shopify 项目
        3. 重新复制（Preview URL）链接 去粘贴
        4. 正常第一次打开应该是这样:

good! 现在应该可以了 

qq_48139159
关注
  • 29
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
分布式 PostgreSQL 集群(Citus)官方教程 - 迁移现有应用程序
o__cc的博客
03-16 952
将现有应用程序迁移到 Citus 有时需要调整 schema 和查询以获得最佳性能。 Citus 扩展了 PostgreSQL 的分布式功能，但它不是扩展所有工作负载的直接替代品。高性能 Citus 集群需要考虑数据模型、工具和所使用的 SQL 功能的选择。 第一步是优化现有的数据库模式，以便它可以在多台计算机上高效工作。 确定分布策略 选择分布键(distribution key) 识别...
Mini-Shopify:一站式商店！
04-09
迷你Shopify关于该项目旨在创建一个受shopify启发的平台，该平台允许登录用户创建商店，任何Web用户都可以浏览和购买所述商店的产品。 仅在启用JavaScript的浏览器上支持Web应用程序。作者王大卫邵德瑞黄B 范Fan ...
norok内网穿透如何解决ERR_NGROK_6022，ERR_NGROK_3200的报错
qq_62129885的博客
09-17 3680
在使用ngrok内网穿透的时候，出现ERR_NGROK_6022的页面和ERR_NGROK_3022
Shopify开发入门-前端保姆级教程
热门推荐
采黎的博客
02-08 1万+
Shopify、Shopify开发、Shopify前端开发教程、Shopify主题开发、Shopify应用开发、Shopify插件开发。本文旨在介绍Shopify开发入门、环境、配置等，帮助开发者配置环境、了解各个开发模式的区别及用途；已有Shopify开发经验者可退出，以免浪费你的宝贵时间。**本文5k字+，图片、链接、代码块较多，请耐心阅读~**
Spring启动加载静态数据时报No Session found for current thread异常
鹏霄万里展雄飞
02-28 8594
一、Spring启动加载静态数据的方法 利用Spring启动加载静态数据，有那么几种方法 1. 实现BeanPostProcessor接口 @Component public class LoadDataCache implements BeanPostProcessor { @@Resource private IDao dao; @Override public Object
[故障及解决]使用spring集成的ssh,报错No Session found for current thread
qiantudou的专栏
08-13 1669
Spring框架的web工程中，使用quartz机制，在实现类中访问数据库时，会出现No Session found for current thread错误。 出错代码 getCurrentSession()方法。 HibernateTemplate().getSessionFactory().getCurrentSession()
Java版本ngrok集成spring-boot随应用启动快速映射内网地址
08-07
Java版本ngrok,集成spring-boot随应用启动快速映射内网地址
创业者的新春礼包—优秀免费资源300+
lvruifei的专栏
02-26 971
创业不易。从想出创意到最终产品上市，你需要既要做好产品开发和设计，又要管理好项目和效率，此外还需要做好业务开发和营销，前后端兼顾还不行，创业就是逆水行舟不进则退，你还需要不断去学习新东西。 这么多事情可谓千头万绪，怎么样才能更快更好地完成呢？俗话说，工欲善其事必先利其器，如果能够有好的工具辅助的话就可以事半功倍。而本文介绍的 300 多个网站和应用正是这样的好资源，更关键的是，这些通通都
【吐血整理】超全golang面试题合集+golang学习指南+golang知识图谱+成长路线 一份涵盖大部分golang程序员所需要掌握的核心知识。
ilini的博客
01-11 5044
由于外链问题，完整版可【点击】阅读原文或到 github项目 中，欢迎关注。 目录(善用Ctrl+F) 基础入门 新手 Golang开发新手常犯的50个错误 数据类型 连nil切片和空切片一不一样都不清楚？那BAT面试官只好让你回去等通知了。 golang面试题：字符串转成byte数组，会发生内存拷贝吗？ golang面试题：翻转含有中文、数字、英文字母的字符串 golang面试题：拷贝大切片一定比小切片代价大吗？ map不初始化使用会怎么样 map不初始化长度和初始化长度的区别 map承载多大，..
shopify-demo-app-hooks：带有React Hooks的Shopify演示应用
02-03
带钩Shopify演示应用 该存储库包含用于的完整应用程序的修改版本。 原始回购可以在找到。与原来的不同在学习本教程时，我对代码做了一些更改。 主要修改为： 仅对组件使用React钩子修改后的package.json脚本更简单的...
Shopify-App-Template：自定义Shopify应用程序模板自定义
02-03
该模板的基础是根据Shopify App Development文档的规范创建的。 建于 此应用程序中的技术和应用程序。 入门 克隆存储库，然后运行节点命令。 这个怎么运作 克隆仓库。 git clone { thisRepoUrl } . gti 安装依赖...
Shopify App Detector by Fera.ai-crx插件
03-28
Fera.ai的Shopify应用程序/主题检测器可让您检测哪些Shopify应用程序正在特定Shopify商店上运行，以及正在使用的主题（如果不是完全自定义）。 为了安全起见，在...
laravel-shopify：功能齐全的Laravel软件包，可帮助Shopify App开发
02-03
功能齐全的Laravel软件包，用于辅助Shopify App开发，类似于Rails的shopify_app 。 适用于Laravel 7及更高版本。 目录 * Wiki页面 * * （即将推出新的视频指南） * * * * 有关更多信息，教程等，请查看项目的 ...
shopify_如何构建您的第一个Shopify应用
cumian8165的博客
07-28 1641
shopifyby Igor Petrov 通过伊戈尔·彼得罗夫(Igor Petrov) 如何构建您的第一个Shopify应用 (How to build your first Shopify app) 为什么要构建Shopify应用程序？ (Why build a Shopify App?) I have always been excited about how the e-comme...
js基本特性
godsix886的博客
08-16 689
这些是使用JavaScript与HTML交互的基本概念和技术点。
基于ASP.NET+MVC5+EF6开发企业网站.zip
08-22
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无VIP，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
Steam家庭共享同时玩工具.bat
最新发布
08-22
Steam家庭共享：两个人同时玩同一个游戏
@shopify/shopify-app-express 注册webhook
06-07
要在基于@shopify/shopify-app-express的应用程序中注册Shopify Webhook，可以使用该框架提供的webhook路由。下面是一个示例代码来注册一个Webhook： ```javascript const { default: createShopifyAuth } = require('@shopify/koa-shopify-auth'); const { default: Shopify, ApiVersion } = require('@shopify/shopify-api'); const { verifyRequest } = require('@shopify/koa-shopify-auth'); const Koa = require('koa'); const Router = require('koa-router'); const bodyParser = require('koa-bodyparser'); const app = new Koa(); const router = new Router(); const webhook = { topic: 'products/create', address: 'https://your-app.com/webhooks/products/create', format: 'json', }; app.use(bodyParser()); const shopifyAuth = createShopifyAuth({ // Your Shopify app API key and secret apiKey: process.env.SHOPIFY_API_KEY, secret: process.env.SHOPIFY_API_SECRET, // Your app URL appUrl: process.env.APP_URL, // Scopes to request on the merchant's behalf scopes: ['read_products', 'write_products', 'read_script_tags', 'write_script_tags'], // After authentication, redirect to the shop's home page afterAuth(ctx) { const { shop } = ctx.state.shopify; ctx.redirect(`https://${shop}/admin/apps/${process.env.SHOPIFY_API_KEY}`); }, }); // Register webhook router.post('/webhooks/products/create', verifyRequest({ returnHeader: true }), (ctx) => { console.log('New product created:', ctx.request.body); ctx.status = 200; }); (async function() { // Create an instance of Shopify const shopify = new Shopify({ apiKey: process.env.SHOPIFY_API_KEY, apiSecretKey: process.env.SHOPIFY_API_SECRET, shopName: ctx.session.shop, accessToken: accessToken, apiVersion: ApiVersion.October20, autoLimit: { calls: 2, interval: 1000, bucketSize: 35 }, }); // Register webhook await shopify.webhook.create(webhook); // Use the shopifyAuth middleware app.use(shopifyAuth); app.use(router.allowedMethods()); app.use(router.routes()); app.listen(process.env.PORT, () => { console.log(`Server listening on port ${process.env.PORT}`); }); })(); ``` 在上面的代码中，我们首先创建一个Shopify实例，并使用它来注册Webhook。然后，我们使用@shopify/shopify-app-express框架创建一个HTTP服务器，并为Webhook的URL路径创建一个POST路由。在路由处理程序中，我们可以处理接收到的Webhook数据。最后，我们使用Shopify API将Webhook注册到商店中。 注意，我们在Webhook地址中使用了公共URL，这意味着您需要在您的应用程序中设置公共URL，并将其用作Webhook地址。此外，您需要在Shopify后台中配置相应的Webhook主题，以便将Webhook发送到正确的URL地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值