S7-1200 Webserver với Javascript.

Xin chào mọi người!
Sau khi hoàn thành ĐATN, có một ít thời gian rảnh rỗi trước công cuộc tìm việc.:116: Mình sẽ giới thiệu cách sử dụng Javascript vào webserver s7-1200.
https://www.youtube.com/watch?v=lmDFKn1-7rQ
Mục tiêu của mình qua các bài là sẽ giúp những ai quan tâm đến S7 webserver làm được như clip trên.
Mọi người ủng hộ nhé.help
----------------------------------
Bài 1: Webserver cơ bản và AJAX.
Mọi người vào link hướng dẫn webserver của anh Châu Vĩnh Lợi để tìm hiểu về cách thiết lập và thiết kế một trang web trên s7-1200 nhá. Sau đó làm theo hướng dẫn về AJAX trong đó (cái này rất quan trọng nhá, mọi người cố gắng tìm hiểu rõ phương thức hoạt động của AJAX vì nó là linh hồn của tất cả đó).
http://plcvietnam.com.vn/forum/showt...server-S7-1200
----------------------------------
Bài 2: AJAX phương thức GET và POST.
... sẽ viết sau

p/s: Mọi người cho ý kiến là nên viết tay hay làm clip nhỉ?:22:
Thân!

bạn có thể cho code s7-1200 và HTML về tìm hiểu thêm

letungdkc bạn là sinh viên spkt ah

Trích dẫn:

---

Gửi bởi nguyenvanhao

bạn có thể cho code s7-1200 và HTML về tìm hiểu thêm

---

Bạn đã tìm hiểu HTML và JavaScript đến mức độ nào rồi? Nếu đã thành thạo hết thì đâu cần phải đọc full code đâu nhỉ? Còn nếu ở mức sơ khai thì bạn nên theo dõi các bài hướng dẫn của mình sau này, khi đó mới có thể tự viết được một trang web điều khiển hoàn chỉnh. Chứ bây giờ đưa full code mà đọc không hiểu thì cũng chả có ích gì. Với lại code mình tự viết thì mình mới hiểu được.:116:
Thân!

Trích dẫn:

---

Gửi bởi ducphan_cdt

letungdkc bạn là sinh viên spkt ah

---

vâng, mình học spkt hello

Hi ban. Viết code bằng Javascript và HMTL thì cái nào tiện lợi hơn bạn. Mình đã làm qua Webserver trên HTML nhưng thời gian delay khi load trang web giữa các nút lệnh hơi lâu. Còn Javascrip thì sao bạn?:idea:

Trích dẫn:

---

Gửi bởi hiepsipecon

Hi ban. Viết code bằng Javascript và HMTL thì cái nào tiện lợi hơn bạn. Mình đã làm qua Webserver trên HTML nhưng thời gian delay khi load trang web giữa các nút lệnh hơi lâu. Còn Javascrip thì sao bạn?:idea:

---

Bạn hiểu sai vấn đề rồi. HTML là ngôn ngữ để bạn tạo trang web, còn javascript chỉ là thành phần bổ trợ thêm để trang web xử lý tính toán các tác vụ phức tạp thôi. Nên bạn không thể đặt câu hỏi là "Viết code bằng Javascript và HMTL thì cái nào tiện lợi hơn".

Khi bạn thực hiện thao tác nhấn nút trên trang web, trang HTML sẽ gửi một form đến server (khi làm nút nhấn bằng AWP bạn sẽ thấy thẻ FORM). Khi đó trình duyệt của bạn sẽ tự refresh để cập nhật dữ liệu HTML mới từ server, thời gian refresh nhanh hay chậm phụ thuộc vào dung lượng web và tốc độ truyền. Điều này gây ra delay mà bạn nói.

Để khắc phục nhược điểm này, bạn có thể sử dụng AJAX (Asynchronous JavaScript and XML). Bạn có thể code AJAX bằng tay sử dụng Javascript, hoặc đơn giản hơn bạn dùng jQuery. AJAX hỗ trợ trình duyệt trao đổi dữ liệu với webserver qua XML data chứ không phải HTML như bình thường. Nghĩa là dữ liệu được trao đổi ngầm nên không cần refresh lại trang HTML. Do đó trình duyệt sẽ không phải refresh mỗi khi cần trao đổi dữ liệu.

Trích dẫn:

---

Gửi bởi letungdkc

vâng, mình học spkt hello

---

mình cũng sinh viên spkt nè,bữa trước thấy cái đồ án webserver của bạn trên youtube rất hay,bạn sử dụng javascript để viết ah

Trích dẫn:

---

Gửi bởi ducphan_cdt

mình cũng sinh viên spkt nè,bữa trước thấy cái đồ án webserver của bạn trên youtube rất hay,bạn sử dụng javascript để viết ah

---

hello Như anh Châu Vĩnh Lợi giải thích ở trên thì trang web thì phải được viết bằng HTML, còn javascript thì chỉ là phần bổ trợ cho trang html.

Trích dẫn:

---

Gửi bởi chauvinhloi

Bạn hiểu sai vấn đề rồi. HTML là ngôn ngữ để bạn tạo trang web, còn javascript chỉ là thành phần bổ trợ thêm để trang web xử lý tính toán các tác vụ phức tạp thôi. Nên bạn không thể đặt câu hỏi là "Viết code bằng Javascript và HMTL thì cái nào tiện lợi hơn".

Khi bạn thực hiện thao tác nhấn nút trên trang web, trang HTML sẽ gửi một form đến server (khi làm nút nhấn bằng AWP bạn sẽ thấy thẻ FORM). Khi đó trình duyệt của bạn sẽ tự refresh để cập nhật dữ liệu HTML mới từ server, thời gian refresh nhanh hay chậm phụ thuộc vào dung lượng web và tốc độ truyền. Điều này gây ra delay mà bạn nói.

Để khắc phục nhược điểm này, bạn có thể sử dụng AJAX (Asynchronous JavaScript and XML). Bạn có thể code AJAX bằng tay sử dụng Javascript, hoặc đơn giản hơn bạn dùng jQuery. AJAX hỗ trợ trình duyệt trao đổi dữ liệu với webserver qua XML data chứ không phải HTML như bình thường. Nghĩa là dữ liệu được trao đổi ngầm nên không cần refresh lại trang HTML. Do đó trình duyệt sẽ không phải refresh mỗi khi cần trao đổi dữ liệu.

---

Nên viết AJAX bằng tay, tốn vài dòng lệnh thôi chứ xài Jquery thì hao phí tài nguyên của plc quá. Bản thân Jquery là một thư viện lớn, trong khi chúng ta chỉ xài có một phần nhỏ trong đó. Với lại một file Jquery gần 100Kb, PLC sẽ không cho load vào (giới hạn 1 file <64Kb và không xài thẻ nhớ).

Bạn letungdkc nói rất đúng, viết bằng tay thì chỉ tốn thêm vài dòng, còn nếu dùng jQuery thì phải chèn thêm file jQuery khoảng 100KB rất tốn bộ nhớ, có khi phải dùng thêm thẻ rất tốn kém.
Dùng code tay thì các bạn có thể tham khảo bài viết này của mình:
http://chauvinhloi.blogspot.com/2014...r-s7-1200.html

clip AJAX GET
http://youtu.be/xoiYc_JvKK8

Clip của bạn rất hay. Bạn letungdkc làm luôn một clip AJAX POST đi, mình đang tính viết thêm 1 bài POST nữa mà không có thời gian.

Chào bạn letungdkc ! bạn có thể cho mình xin hỏi cái phương pháp bạn vẽ đồ thị (video trên youtube) để giám sát động cơ là gì vậy? có phải là HTML5 Canvas không. thank!

Trích dẫn:

---

Gửi bởi xuantruongza

Chào bạn letungdkc ! bạn có thể cho mình xin hỏi cái phương pháp bạn vẽ đồ thị (video trên youtube) để giám sát động cơ là gì vậy? có phải là HTML5 Canvas không. thank!

---

Đúng vậy, mình dùng canvas để vẽ.

Trích dẫn:

---

Gửi bởi letungdkc

Xin chào mọi người!
Sau khi hoàn thành ĐATN, có một ít thời gian rảnh rỗi trước công cuộc tìm việc.:116: Mình sẽ giới thiệu cách sử dụng Javascript vào webserver s7-1200.
https://www.youtube.com/watch?v=lmDFKn1-7rQ
Mục tiêu của mình qua các bài là sẽ giúp những ai quan tâm đến S7 webserver làm được như clip trên.
Mọi người ủng hộ nhé.help
----------------------------------
Bài 1: Webserver cơ bản và AJAX.
Mọi người vào link hướng dẫn webserver của anh Châu Vĩnh Lợi để tìm hiểu về cách thiết lập và thiết kế một trang web trên s7-1200 nhá. Sau đó làm theo hướng dẫn về AJAX trong đó (cái này rất quan trọng nhá, mọi người cố gắng tìm hiểu rõ phương thức hoạt động của AJAX vì nó là linh hồn của tất cả đó).
http://plcvietnam.com.vn/forum/showt...server-S7-1200
----------------------------------
Bài 2: AJAX phương thức GET và POST.
... sẽ viết sau

p/s: Mọi người cho ý kiến là nên viết tay hay làm clip nhỉ?:22:
Thân!

---

anh ơi . anh có thể cho EM sdt và gmail dc k ạ . em muốn hỏi anh 1 số vấn đề anh ạ

các bác cho em hỏi ngu tí ạ . cái "Data".number ở trên của bác tùng sao ko hiển thị là vùng nhớ nào ạ

các đại ka nào làm web sever rồi cho em hỏi chút ạ . em vẽ đường line như thế này sao mà ko vẽ dc ạ, các pro chỉ giáo với ạ

var b1;b2 ;b3;b4 ;

b1=document.getElementById("bien1").innerHTML;
b2=document.getElementById("bien2").innerHTML;
b3=document.getElementById("bien3").innerHTML;
b4=document.getElementById("bien4").innerHTML;
context.moveTo(b1, b2);
context.lineTo(b3, b4);
context.strokeStyle = "#FF0000";
context.stroke() ;

Em xin chào anh.
Mong anh Lợi giúp em. Tình hình là em đang thiết kế websever của s7 1200 để giám sát và điều khiển. Em viết web bằng html. Kết quả là khi giám sát 1 đến 2 biến thì webserver chạy khá mượt và nhanh. Nhưng khi em thực hiện giám sát và điều khiển từ 4, 5 "biến" trở lên thì web của em load khá chậm (khoảng từ 4-5s dữ liệu mới hiển thị) mặc dù em đã chỉnh cứ 0,5 s là refesh 1 lần. Theo em được biết là mình phải sử dụng Ajax để khắc phục tình trạng trên. Em cũng đã tìm kiếm trên mạng về kỹ thuật Ajax, nhưng vẫn chưa hiểu. Mong anh up lại giúp em cái phần code tay Ajax ạ. Em xin cảm ơn.

E cũng đang tìm tài liệu AJAX của a Lợi nhưng không vào Web được. Có bác nào có cho e xin với ạ :)

OK, mình tìm lại và ngày mai gửi các bạn nhé.

https://www.dropbox.com/s/ukgy0uf8bq...Share.rar?dl=0

Gửi lại các bạn project mẫu của AJAX. Đây là file sample ngày xưa mình bán cho một thằng bên Châu Âu nên viết bằng Tiếng Anh. Sample này chỉ có 1 tag, các bạn thích bao nhiêu tag thì cứ thêm nội dung vào file ajax_info.html. Tuy nhiên mình không khuyến khích các bạn dùng cách này. Các bạn nên dùng json, thích bao nhiêu tag cũng được và có thể đặt bất kì vị trị mong muốn nào trên trang web.

Code AJAX thì có 2 cách, một là code tay như mình, hai là dùng thư viện jquery. Cách 2 thì nhanh hơn nhưng bù lại bạn phải chèn cả file jquery vào PLC rất nặng. Nên mình hay dùng cách 1, ưu điểm là chỉ code cái mình cần và kiểm soát được những gì mình code. Từ nhận xét cá nhân thì mình thấy cách 1 cho phép web load nhanh hơn. Cách 2 làm cho web khá nặng.

Cuối cùng mình xin nói một câu thế này: bạn đừng nên lao vào nghiên cứu cái này, mình đã từng làm nhưng rồi cuối cùng cũng xóa hết một mớ dữ liệu liên quan vì không dùng nữa. Nghe thì rất hay nhưng web server trên S7-1200 vẫn rất hạn chế. Thậm chí mình cũng thử dùng cho dự án công ty, làm ứng dụng web responsive có cả json (web tự thay đổi kích thước, định dạng theo thiết bị đang dùng), cung cấp thông tin cho operator trên mọi thiết bị. Tốc độ rất nhanh, giao diện đẹp nhưng vẫn còn đó rất nhiều giới hạn mà chỉ có chạy trên PC mới đáp ứng được. Bạn có thể làm để nghiên cứu, học hỏi thêm nhưng muốn ứng dụng nhiều hơn thì liên kết với IT hoặc đi học thêm mấy khóa cơ sở dữ liệu nữa.

Tuy nhiên mình cũng sẽ share cái code responsive đó với các bạn thích nghiên cứu qua project TIA Portal. Lý do là code gốc mình xóa rồi, chỉ còn lại mấy cái DB đã compile trên PLC. Muốn xem code thì bạn download xuống PLC rồi vào web server của PLC để lấy lại code.

Chúc các bạn thành công, project responsive và json mình sẽ gửi sau.

Cảm Ơn Anh. Em sẽ tìm hiểu, Nếu có khuất mắt gì mong anh giúp đỡ.

Bác letungdkc cho em hỏi thêm là giờ có nhiều biến ở trong PLC vậy có câu lệnh nào cho hiển thị biến bất kỳ trong DB.xml của bác không hay là phải mỗi biến phải viết một hàm DB.xml (mình xem clip [Clip_1] S7-1200 Webserver AJAX GET trên youtube). thanks bác.

Chào a Tùng. Hiện tại e đang làm đề tài giám sát và điều khiển PLC S7 1200 bằng websever. A có thể cho e xin cái code Ajax được không ak. E cóa làm giống cái clip a làm mà không được ak. E đọc tín hiệu cảm biến ak. Có gì a giúp đỡ e với.

Trích dẫn:

---

Gửi bởi changnghoch

Chào a Tùng. Hiện tại e đang làm đề tài giám sát và điều khiển PLC S7 1200 bằng websever. A có thể cho e xin cái code Ajax được không ak. E cóa làm giống cái clip a làm mà không được ak. E đọc tín hiệu cảm biến ak. Có gì a giúp đỡ e với.

---

https://plcvietnam.com.vn/forum/show...3906#post53906