存储PLCNext社区LinkedIn上的PLCNEXT. Instagram上的PLCNEXT.   youtube上的plcnext. github plcnext社区存储PLCNext社区

  1. alitera.
  2. PLCNEXT技术和PLCNEXT控件
  3. 2019年8月23日星期五

嗨,Habe Mir Heute Den Sourcecode Herunter Geladen。

//github.com/PLCnext/HTML5_with_REST

Nutze Gerade模具固件2019.3 und Auch Plcnext工程师2019.3

Das Steuerungsprogramm aus projektläuftund模拟zeigt verte a。

Dann Habe Ich Mir Den JavaScript Sourcecode Vorgenommen。 Die HTML Saite Geht IM浏览器AUF UNDICHKÖNNTE用户/ Passwort EICEBEN ZUM Authentifizieren。

Dann Passiert Aber Nichts Weiter。 Wenn Ich Mir Im Google Chrome Nur Den Profiler Anschaue,Dann Zeigt er Folgenden Fehler An。

访问XMLHTTPREQUEST'http://192.168.10.10/_pxc_api/auth/auth-token' 从Origin'Null'已被CORS策略阻止:对预制请求的响应不会通过访问控制检查:重定向不允许预检请求。
pxcapiclient.js:189帖子 http://192.168.10.10/_pxc_api/auth/auth-token net::ERR_FAILED

在Der Github Beschreibung Steht Leider Nichts。

Kann Ich Tun吗?

丹麦!

亚历克斯。

 

 

 

 

 

alitera 接受答案 等待审核
0
Votes
撤消
Hi, I downloaded the source code today.

//github.com/PLCnext/HTML5_with_REST

Use just the firmware 2019.3 and also PLCnext Engineer 2019.3

The control program from the project is running and the simulation shows values.

Then I made the javascript source code. The HTML page goes into the browser and I could enter USER / password to authenticate.

Then nothing happens. If I only look at the Profiler in Google Chrome, it shows the following error.

访问XMLHTTPREQUEST'http://192.168.10.10/_pxc_api/auth/auth-token' from origin 'null' has been blocked by CORS policy: Redirect is not allowed for a preflight request.
pxcapiclient.js: 189 POST http://192.168.10.10/_pxc_api/auth/auth-token net :: ERR_FAILED

in the Github description is unfortunately nothing.

What can I do?

Thank you!

Alex.
Martin PLCnext Team 接受答案 等待审核
0
Votes
撤消

嗨,亚历克斯

我不是很熟悉跨起源请求,但在此页面中有任何帮助吗?

//developer.chrome.com/extensions/xhr

- 马丁

Phoenix联系电子总部 - PLCNext运行时产品管理和支持
alitera 接受答案 等待审核
0
Votes
撤消

嗨马丁,

感谢您提供有关CORS政策的信息。似乎首先我应该将网页转移到PLC 2153控制器的Web服务器:)

我从我当地的PC WebServer尝试了它:)

Web服务器的文件夹:/ var / www / plcnext

我制作了一个目录ehmi。 

mkdir ehmi.

--> chmod --> folder  write / read access 

然后我已将所有必需的文件传送到ehmi文件夹中。

当我尝试测试时 //192.168.10.10/ehmi/HMIDemo.html 然后控制器重定向到欢迎页面。

你有一个想法,这是什么原因?

非常感谢。

亚历克斯

 

 

Martin PLCnext Team 接受答案 等待审核
0
Votes
撤消

嗨,亚历克斯,

您可能需要在PLC上配置Nginx Web服务器。

再次,我对nginx服务器不太熟悉,但这是一个可能给出一些有用提示的页面:

//www.linode.com/docs/web-servers/nginx/how-to-configure-nginx/

......特别是,可能需要编辑nginx配置文件中的“位置”块。

- 马丁。

Phoenix联系电子总部 - PLCNext运行时产品管理和支持
alitera 接受答案 等待审核
0
Votes
撤消

嗨社区,我发现了我的错误。

虽然,我必须将hmidemo.html网页和文件夹/ img / js / css传输到nginx webserver文件夹:  / var / www / plcnext

但这是错误的。

正确的文件夹是:

/ opt / plcnext / projects / pcwe / services / ehmi / ehmi /

 

您无需禁用网页的重定向(/etc/nginx/nginx.conf)!

 

通过下面的图片,你可以看到 - 它正在运作良好,现在?

 webapp.png.

Martin PLCnext Team 接受答案 等待审核
0
Votes
撤消

这是一个很好的消息,谢谢你分享!

如果您很乐意为您的工作方式准备一个逐步的指南,它将成为一个伟大的制造商博客文章。 :-)

马丁。

 

Phoenix联系电子总部 - PLCNext运行时产品管理和支持
anonymous_user_rmt6czxamh. 接受答案 等待审核
0
Votes
撤消

嗨alitera,

从此讨论中,您似乎能够在Web服务器上显示自定义JavaScript页面。惊人的!。我有问题是如何将在控制器中创建的HMI标签连接到JavaScript页面。假设我想在自定义JavaScript页面中显示一个值(在控制器中计算)。我该怎么做?如何将PLC中的变量(HMI标记)连接到JavaScript HMTL页面。

如果你能回复,我会很欣赏。

Oliver PLCnext Team 接受答案 等待审核
0
Votes
撤消

嘿,
该问题的解决方案是PLCNext EHMI提供的REST API。
在这里,您可以找到解决方案如何进行身份验证以及如何访问变量:
//www.plcnext.help/te/Service_Components/REST_data_interface/REST_data_interface_Introduction.htm


您可以通过工程师EHMI支持文件添加自定义JS文件,并通过按钮或类似的内容从EHMI访问它们。

亲切的问候,
奥利弗

Phoenix联系电子总部 - PLCNext运行时产品管理和支持
  • 页 :
  • 1


这篇文章没有答复。
但是,您不允许回复此帖。