Webserver Full v9.09

WEBSERVER PLC S7-1200

TÀI LIỆ LIỆU WEBSERVER Update: 09-Sep-2017 Biên soạ soạn: Trương Hồng Hồng Phúc Email: [email protected] SĐT: SĐT: 0968.460.480

Nội dung 1. 2. 3. 4. 5. 6. 7.

Tạo web cơ bản PLC xuố ng ng trình duyệt Đọc biế n từ PLC Ghi giá trị từ trình trình duyệt lên PLC Dùng kĩ thuật Ajax để đọ để đọc và ghi giá trị biế n Điều khiể n qua WIFI Hướng dẫn NATPort Điều khiể n qua Internet

Các kí hiệu dùng trong tài liệu Ví dụ Chú ý, ghi chú

Trương Hồng Phúc

Page

1 |

49


Cách sử d dụng tài liệu Tài liệu này viế t cho tấ t cả mọi người đều đọc và làm đượ c. Nhữ ng ng b ạn nào có ki ế n th ức cơ bản hay ồi thì đọc nhanh hơn và nế u sai chỗ nào các b ạn đóng góp mình với ☺ master v ấn đề này r ồi Mình khuyên các bạn dành nhi ề ều thời gian để tìm tìm hiể u nhữ ng ng vấn đề liên quan v ề web trước như: HTML, CSS, Javascript, PHP…sau đó tìm hiể u tới AJAX (Ajax nó không phải là ngôn ngữ mà mà là k ỹ thuật xử ử lílí để không không bị refresh trang) Khi các bạn đọc tới đây thì chắc chắn có bạn sẽ nản, vì học hàng loạt cái đó thì biế t chừ ng ng nào xong? Mà nế u học xong r ồ ồi thì nó có liên quan gì đế n webserver của PLC. Đúng là nó chỉ liên quan đế n ph ần nhỏ thôi, nhưng bạn phải học qua để bi biế t và hiểu được code ngườ i khác viết, sau đó v iế t lại theo ý c ủa mình. Nế u b ạn là SV và có nhi ề ều thời gian thì lời khuyên là các bạn dành khoảng 1 tháng để h h ọc nhữ ng ng cái trên. Học HTML trong khoảng 10 ngày và thực hành theo hướng dẫn. CSS bạn học trong khoảng 5 ngày, sau đó qua Javascript học khoảng 5 ngày nữ a. a. T ổng cộng là 20 ngày r ồ ồi. Còn lại 10 ngày các bạn sẽ tìm hiể u v ề AJAX. Khi học xong thì mình đảm bảo 90% bạn không nhớ h ế t v ề CSS và cú pháp để vi viết form, input… nhưng khi bạ n gặp lại nó bạn xem lại sẽ rấ t nhanh, và b ạn đọc tài liệu của người khác chẳng hạn như tài liệu này thì bạn biế t nó làm chức năng gì vì đơn giản bạn đã học qua r ồ ồi ☺ ☺ Các bạn có thể rút rút ngắn th ời gian, có th ể học h ế t trong vòng 1 tu ần là xong. Nhưng nhớ nh ớ là các b ạn nên thực hành đặc biệt là ph ần HTML. Tài liệu h ọc web mình sẽ cho link bên dưới. Tấ t nhiên link của các Th ầy/ Cô dạy chứ không không phải c ủa mình ☺ ☺ Học HTML cơ bả n https://goo.gl/pZ6SY2 Học CSS cơ bản https://goo.gl/nw1Hho Học Javascript https://goo.gl/nNjaKi Học AJAX nguyên lí https://goo.gl/xR2k4U lí https://goo.gl/xR2k4U


Page

2 |

49


Cách sử d dụng tài liệu Tài liệu này viế t cho tấ t cả mọi người đều đọc và làm đượ c. Nhữ ng ng b ạn nào có ki ế n th ức cơ bản hay ồi thì đọc nhanh hơn và nế u sai chỗ nào các b ạn đóng góp mình với ☺ master v ấn đề này r ồi Mình khuyên các bạn dành nhi ề ều thời gian để tìm tìm hiể u nhữ ng ng vấn đề liên quan v ề web trước như: HTML, CSS, Javascript, PHP…sau đó tìm hiể u tới AJAX (Ajax nó không phải là ngôn ngữ mà mà là k ỹ thuật xử ử lílí để không không bị refresh trang) Khi các bạn đọc tới đây thì chắc chắn có bạn sẽ nản, vì học hàng loạt cái đó thì biế t chừ ng ng nào xong? Mà nế u học xong r ồ ồi thì nó có liên quan gì đế n webserver của PLC. Đúng là nó chỉ liên quan đế n ph ần nhỏ thôi, nhưng bạn phải học qua để bi biế t và hiểu được code ngườ i khác viết, sau đó v iế t lại theo ý c ủa mình. Nế u b ạn là SV và có nhi ề ều thời gian thì lời khuyên là các bạn dành khoảng 1 tháng để h h ọc nhữ ng ng cái trên. Học HTML trong khoảng 10 ngày và thực hành theo hướng dẫn. CSS bạn học trong khoảng 5 ngày, sau đó qua Javascript học khoảng 5 ngày nữ a. a. T ổng cộng là 20 ngày r ồ ồi. Còn lại 10 ngày các bạn sẽ tìm hiể u v ề AJAX. Khi học xong thì mình đảm bảo 90% bạn không nhớ h ế t v ề CSS và cú pháp để vi viết form, input… nhưng khi bạ n gặp lại nó bạn xem lại sẽ rấ t nhanh, và b ạn đọc tài liệu của người khác chẳng hạn như tài liệu này thì bạn biế t nó làm chức năng gì vì đơn giản bạn đã học qua r ồ ồi ☺ ☺ Các bạn có thể rút rút ngắn th ời gian, có th ể học h ế t trong vòng 1 tu ần là xong. Nhưng nhớ nh ớ là các b ạn nên thực hành đặc biệt là ph ần HTML. Tài liệu h ọc web mình sẽ cho link bên dưới. Tấ t nhiên link của các Th ầy/ Cô dạy chứ không không phải c ủa mình ☺ ☺ Học HTML cơ bả n https://goo.gl/pZ6SY2 Học CSS cơ bản https://goo.gl/nw1Hho Học Javascript https://goo.gl/nNjaKi Học AJAX nguyên lí https://goo.gl/xR2k4U lí https://goo.gl/xR2k4U


Page

2 |

49


B ẮT ĐẦU Ph ầ ần m ề ềm: m : 1. Ph ần m ềm để l lập trình web: Subline Sub line Text 3, Notepad++ 2. Ph ần m ềm để l lập trình PLC: TIA Portal v13 3. Dùng trình duyệt web: Chrome, C ố c cố c Ph ầ ần c ứ ứ ng: ng: 1. Máy tính, laptop có cài 2 ph ần m ềm trên, và s ử d dụng trình duyệt web nào cũng đượ c

☺

2. PLC S7-1200 (Ở Ở hướ hướng dẫn này mình dùng con CPU 1212C AC/DC/RL) 3. Cáp mạng Ethernet. Mô hình k ế ết n ố ối: Nguồn

192.168.1.2

192.168.1.3

PLC S7-1200 Máy tính và PLC ph ải cùng một lớp mạng thì mới link được với nhau.

Máy tính có địa địa chỉ chỉ IP. 192.168.1. 192.168.1.2 2 PLC có địa địa chỉ chỉ IP. 192.168.1.3 192.168.1. 3 ể đặt địa chỉ IP của máy tính theo mong mu ố n. Các bạn có thể đặt n. Xem cách cài đặ t ở phụ lục 2 N ế ếu b ạn ạn nào chưa rõ về IP về IP thì xem Cách đánh đị a ch ỉ ỉ IP IP ở ph ph ụ ụ l l ụ ục 1

làm việc với webserver bạn c ần phải có PLC thật. Để làm


Page

3 |

49


1. T ẠO WEB CƠ BẢN Bước 1: Mở trình duyệt Notepad++

Bước 2: Gõ lại hay copy code sau. (Mình khuyên khu yên bạn nên gõ lại để quen) quen) <meta charset = "utf-8"> WebServerS71200

Motor: :="Motor":

Sau khi gõ hay copy xong ta được k ế ết quả như thế này. này. Trương Hồng Phúc

Page

4 |

49


Bước 3: Tạo 1 forder có tên “TEST_WEBSERVER ” ngoài màn hình Desktop

Trong thư mục này tạo thư mục có tên Web để chưa phần web do mình t ạo


Page

5 |

49


Bước 4: Lưu file lạ i thành tệp tin html. 1. 2. 3. 4. 5.

Ch ọn bi ểu tượng Save để lưu lạ i Ch ọn vào desktop Ch ọn đến forder ngoài Desktop có tên “ TEST_WEBSERVER ” Ch ọn thư mụ c “ Web ” Đặ t tên file là “index.html” Nh ấn nút Save để lưu

1 2


3 4

5

Page

6 |

49


Bước 5: Sau khi lưu xong bạn ra Desktop m ở thư mục “TEST_WEBSERVER ” lên vào thư mục Web, trong đó đã chứa file “ index.html”. File này sẽ được nạp vào PLC ở các bước sau.

-----------------------------Xong ph ần 1 – Tạo web----------------------------Giải thích code <meta charset = "utf-8"> WebServerS71200

Motor: :="Motor":

Khai báo sử dụng biế n Motor Ngôn ngữ Tiế ng Anh Header Định nghĩa cách mã hóa Utf -8 Tiêu đề trang là WebServerS71200 Tạo form có chức năng Khi bấ m vào nút Start thì biế n Motor=1

Khi bấ m vào nút Stop thì bi ế n Motor=0

Hiể n thị giá trị của biế n Motor lấ y từ PLC


Page

7 |

49


Giao diện của trang Web


Page

8 |

49


2. VIẾT CHƯƠNG TRÌNH PLC Bước 1: Mở ph ần m ềm TIA v13 Để tạo project mới Bạn click vào “Create new project ”

Bước 2: Đặt tên Project, ch ọn đường dẫn Ở đây mình đặt tên là Project1, đườ ng dẫn là thư mục lúc đầu đã tạ o.


Page

9 |

49


Bước 3: Chọn thiế t bị PLC

Bước 4: Chọn thiế t bị PLC phù hợp

2

1

3 Click đúp vào CPU phù hợp.


Page

10 |

49


Chú thích ph ần chọn, cấ u hình PLC phù hợp

Hình ảnh PLC thự c tế . Ở mặt bên phải của PLC có ghi rõ c ấ u hình.


Page

11 |

49


Bước 5: Lập trình chương trình đơn giản Viế t cho nhữ ng bạn chưa sử dụng TIA lần nào • •

☺.

Bạn để ý 2 ph ần cơ bản

Program blocks: Đây là khu vự c bạn viết chương trình PLC tags: Biế n

Đầu tiên vào khai báo 3 bi ế n sử dụng cho chương trình


Page

12 |

49


Sau đó viết chương trình (ngôn ng ữ mình dùng là ngôn ng ữ Ladder )


Page

13 |

49


Bước 6: Load chương trình xuố ng PLC và test th ử chương trình 1. Đầu tiên bạn phải k ết nố i Máy tính v ới PLC bằng cáp mạng 2. Giả sử bạn đã biết địa chỉ của PLC (ở đây PLC củ a mình có đị a ch ỉ là 192.168.1.3 ) thì bạn PING tới địa chỉ đó thử để biế t nó k ết nối được chưa. b ạn chưa biế t PLC có IP là bao nhiêu vui lòng qua Bướ c 6 --> 4.) (N ếu Mình dùng Win8 nên bạn vào Search gõ cmd, Sau đó bấ m Enter.

Sau đó bạn gõ vào Command Prompt: ping 192.168.1.3 Máy tính hiện ra k ết quả như hình bên dưới Như thế này là chưa kế t nối được

Do máy tính và PLC khác l ớp mạng nên nó không “nhìn thấy nhau”. Chính vì vậ y bạn phải cấ u hình địa chỉ IP cho máy tính l ại Sang bước 3 nhé ☺ 3. Sau khi k ết nố i bạn cấ u hình cho Máy tính (PC) và PLC ph ải cùng một lớp mạng. Bạn click chuột phải vào biểu tượng wifi.


Page

14 |

49


Bạn để ý hình trên, Mình dùng wifi (số 1) để sử dụng Internet. Còn số (2) là dây m ạng (mạng Ethernet) để k ết nố i vào PLC. Bạn bấ m vào Ethernet


Page

15 |

49


2 1

3

Sau đó bạn cấu hình IP tĩnh lại cho PC sao cho cùng l ớp mạng là được. nghĩa là nó bắt đầu bằng 192.168.1.xxx. Bạn thay chữ xxx thành con s ố nào cũng được (trừ mấ y số đặc biệt ra :v) Mình lấ y nó là số 2 luôn cho dễ nhớ ☺ Như vậy IP của máy tính có d ạng: 192.168.1.2

1 2

Sau khi làm xong. B ạn ping lại PLC. Ping 192.168.1.3. K ết quả như thế này là OK


☺

Page

16 |

49


4. Giả sử có bạn không biết PLC có địa chỉ IP là gì thì làm sao mà ping ???? -- > Cũng có lý ☺ Để làm tìm được IP của PLC bạn quay lại ph ần m ềm TIA v13. Vào Device Configuration  Ch ọn vào PLC  Properties  PROFINET interface  IP protocol -> Ch ỉn h IP l ại thành 192.168.1.3 (Thường thì PLC có IP mặc định là 192.168.0.1, thự c hiện bước này bạn cài đặt lại IP theo ý bạn, và load chương trình xuố ng ph ần cứ ng. Bạn muố n chỉnh lại bao nhiêu cũng đượ c tùy theo mỗi người, tuy nhiên khi bạn sử dụng PLC thì nên cho ng ười khác cái đị a chỉ để khỏi mắc công tìm lại đia chỉ như nãy giờ mình đang làm)

2 5

3

1 4


Page

17 |

49


5. Click chuột vào PLC_1 sau đó download chương trình xuố ng PLC thật

2

1 Sau đó trong ô

Type of the PG/PC interface ch ọn PN/IE PG/PC interface chọn: Realtek PCIe FE……

1 2

Sau đó click vào Load


Page

18 |

49


1

Sau đó chọn Stop all

1

2 Cuố i cùng chọn Finish


Page

19 |

49


6. Như vậy là bạn đã load xong chương trình cơ bả n xuố ng PLC. Bạn có thể chạy Go Online để xem chương trình hoạt động. (N ếu mình làm ti ếp hướ ng d ẫ n, vì cái b ạn nào th ắc m ắ c v ề cách ch ạ y Go Online thì email l ại mình để này ch ắ c m ọi người đề u bi ế t ☺ )

Qua bước 7 Phụ lục: Tìm nhữ ng thiế t bị liên k ết được với máy tính Vào mục Online access  Realtek PCIe FE……



Update accessible

Khi tìm xong thì nó xu ấ t hiện các PLC tìm đượ c


Page

20 |

49



Page

21 |

49

Webserver Full v9.09

Recommend Documents