当前位置: 首页 > 知识库问答 >
问题:

Shopify应用程序与reactjs和nodejs没有nextjs?

宣瀚
2023-03-14

我正在开发一个shopify应用程序,以便reactjs处理UI部分,node express处理shopify验证。

shopify网站中的教程如下

  1. 节点,反应和nextjs
  2. 没有reactjs的节点和表达式

我关心的是如何测试应用程序没有reactjs服务器端渲染与nextjs?

正如我们所知,node和react运行一个单独的端口,那么我们如何使用shopify处理身份验证流呢?

我是如何努力工作的

用户进入应用程序-

更新:我正在使用ant design,所以ant design的ssr将很有帮助。

任何人都可以帮我解决问题。

共有2个答案

王刚毅
2023-03-14

这不会太困难,您只需使用Express/Node设置服务器端渲染,即可开始工作。下一个js会自动为您节省时间,但是如果您想自己做,您可以随时这样做。

您可以按照本指南进行参考-https://medium.com/bucharestjs/upgrading-a-create-react-app-project-to-a-ssr-code-splitting-setup-9da57df2040a

我稍后会做我自己的例子,因为我想做同样的事情。

蓝逸仙
2023-03-14

经过一些研究,我得到了一个简单的解决方案,我添加的链接,给我的解决方案。

>

  • React应用程序正在端口3000中运行
  • 在端口3001中运行的节点服务器
  • 在客户端包中设置代理。json到本地主机:3001

    {
        proxy: "localhost:3001"
    }
    

    安装超文本传输协议-代理-中间件

    $npm安装http代理中间件--保存$#或添加http代理中间件

    接下来,创建src/setupProxy.js并在其中放置以下内容:

    constproxy=require('http-proxy-middleware')

    module.exports = function(app) {
      app.use(proxy('/api', { target: 'http://localhost:3001/' }));
    };`
    

    6.就这些。

    如果使用ngrok公开您的localhost,您可能会得到无效的主机头错误。这里是解决方案。

    ngrok http 8080 -host-header="localhost:8080"
    ngrok http --host-header=rewrite 8080
    

    https://stackoverflow.com/a/45494621/1445874

    这2个链接给了我解决方案。

    >

  • 指定时,package.json中的代理必须是字符串

    https://create-react-app.dev/docs/proxying-api-requests-in-development#configuring-手动删除代理

  •  类似资料:
    • 问题内容: 我有一个Angular应用程序,我想在ReactJS中编写应用程序的某些部分。 如何将ReactJS应用程序注入现有的Angular应用程序中?我还需要组件的双向通信。 问题答案: 您可能需要其他选项,所以我在第2段中编写了它: 无需通信的Angular-ReactJS 具有双向通信的Angular-ReactJS 下面的所有代码都是最少的,无法在提出的步骤中显示问题。在GitHub上

    • 我目前正在尝试使用chart.js在ReactJS中呈现条形图 信息: 官方网页-http://www.chartjs.org/docs/ GitHub-https://github.com/reactjs/react-chartjs 我的问题是,即使我的终端没有给我任何错误,我的本地服务器没有呈现任何东西。 这是我的代码: 如果我犯了一些愚蠢的错误,请容忍我,这是我编写的第一个React应用程序

    • 这是完整的日志。我扫描了它,发现了3个错误: 我不知道为什么这三个错误同时发生,我不知道我的应用程序有什么问题,请帮助 我的Package.json: .Gitignore:

    • 我正试图使用mod\u wsgi在Apache web服务器上部署我的flask应用程序。部署后,当我转到配置为返回简单文本消息的“healthCheck”URL时,应用程序没有响应,正在超时。 这是我的wsgi文件: 我在apache日志中也没有看到任何错误。可能是什么问题?请问我是否需要任何额外的详细信息。

    • 我有一个nodejs应用程序,它只不过是一个使用微软botbuilder框架构建的机器人。我创建了azure应用程序服务来托管此应用程序。我想找到一种方法,将所有应用程序日志和web服务器日志(如果可能的话)持久化到某个持久化存储中。就像本地web应用程序一样,我们可以在应用程序服务器上查找日志 在做了一些研究之后,我找到了微软关于这方面的官方文件,但看起来它有以下局限性。 我们不能使用应用程序服

    • 问题内容: 什么: NodeJS应用程序可以二进制形式分发吗?即。您通过V8将.js应用编译为其本机二进制文件,然后将该二进制文件分发给客户端?(如果您拥有对NodeJS服务器的全部访问权限)…还是正在缩小代码,您可以做些什么? 原因: 我们在NodeJS中为客户端构建服务器端应用程序,这些应用程序通常必须托管在客户端的服务器上。分发源代码意味着客户可以轻松地窃取我们的解决方案并停止支付许可费用。