Changes for page Set up CoAP Server

Last modified by Xiaoling on 2024/08/19 16:01
<
From version < 7.3 >
edited by Xiaoling
on 2022/05/30 09:01
To version < 17.1
edited by Xiaoling
on 2024/08/19 16:01
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,0 @@
1 -Set up CoAP Server
Content
... ... @@ -1,10 +1,12 @@
1 -**~ Contents:**
1 +**~ Table of Contents:**
2 2  
3 3  {{toc/}}
4 4  
5 5  
6 -= 1. Introduction =
7 7  
7 += 1.  Introduction =
8 +
9 +
8 8  (((
9 9  In this chapter, we set up a CoAP/ MQTT server by using Open Source MQTT Broker : [[EMQX.IO>>url:https://www.emqx.io/]]. And show how to communicate it with CoAP and MQTT.
10 10  )))
... ... @@ -11,6 +11,8 @@
11 11  
12 12  (((
13 13  Below is the network structure. The end device use CoAP to connect our Emqx server via NB-IoT network. EMQ X broker will further process the data for the actually application.
16 +
17 +
14 14  )))
15 15  
16 16  [[image:image-20220530084843-1.png]]
... ... @@ -18,8 +18,9 @@
18 18  Network structure
19 19  
20 20  
21 -= 2. Install CoAP server =
25 += 2.  Install CoAP server =
22 22  
27 +
23 23  Set up example in Ubuntu 18.04
24 24  
25 25  (% class="box" %)
... ... @@ -39,27 +39,28 @@
39 39  
40 40  )))
41 41  
42 -= 3. Test CoAP Server =
47 += 3.  Test CoAP Server =
43 43  
44 -== 3.1 Install Copper in Chrome ==
49 +== 3.1  Install Copper in Chrome ==
45 45  
51 +
46 46  (((
47 -~1. Download Copper4Cr from [[https:~~/~~/github.com/mkovatsc/Copper4Cr>>url:https://github.com/mkovatsc/Copper4Cr]] and unpack it.
53 +(% style="color:blue" %)**1. Download Copper4Cr from [[https:~~/~~/github.com/mkovatsc/Copper4Cr>>url:https://github.com/mkovatsc/Copper4Cr]] and unpack it.**
48 48  )))
49 49  
50 50  (((
51 -2. Run install.bat in the directory.
57 +(% style="color:blue" %)**2. Run install.bat in the directory.**
52 52  
59 +
53 53  [[image:image-20220530085327-2.png]]
54 54  )))
55 55  
56 -
57 57  Run install.bat
58 58  
59 59  
60 -3. Load the unpacked CoAP APP in Google Chrome:
66 +(% style="color:blue" %)**3. Load the unpacked CoAP APP in Google Chrome:**
61 61  
62 -[[image:image-20220530085423-3.png]]
68 +[[image:image-20220530085423-3.png||height="241" width="1250"]]
63 63  
64 64  Install Copper APP
65 65  
... ... @@ -69,64 +69,73 @@
69 69  Install APP Successful
70 70  
71 71  
72 -4. Load the unpacked CoAP extension in Google Chrome:
78 +(% style="color:blue" %)**4. Load the unpacked CoAP extension in Google Chrome:**
73 73  
74 74  [[image:image-20220530085638-5.png||height="338" width="1320"]]
75 75  
76 76  Install Copper Extension
77 77  
78 -[[image:image-20220530090104-7.png]]
79 79  
85 +[[image:image-20220530090104-7.png||height="389" width="1282"]]
80 80  
81 81  Install Extension Successful
82 82  
83 83  
84 -5. Replace the appID in file extension\endpoint\ClientPortChrome.js to Copper (Cu4Cr) Application ID
90 +(% style="color:blue" %)**5. Replace the appID in file extension\endpoint\ClientPortChrome.js to Copper (Cu4Cr) Application ID**
85 85  
86 -[[image:https://wiki.dragino.com/images/thumb/7/7e/CoAP_Test_6.png/600px-CoAP_Test_6.png||height="301" width="600"]]
92 +[[image:image-20220530090444-10.png]]
87 87  
88 88  Replace ID
89 89  
90 90  
91 -6. Open the Copper extension. If you see below message, means install successfully.
97 +(% style="color:blue" %)**6. Open the Copper extension. If you see below message, means install successfully.**
92 92  
93 -[[image:https://wiki.dragino.com/images/thumb/b/b1/CoAP_Test_7.png/600px-CoAP_Test_7.png||height="323" width="600"]]
99 +[[image:image-20220530090404-9.png||height="658" width="1238"]]
94 94  
95 95  Install Finished
96 96  
97 97  
98 -== 3.2 Test CoAP connection ==
104 +== 3.2  Test CoAP connection ==
99 99  
106 +
100 100  (((
101 101  Use Chrome Copper externsion to connect to the CoAP server. Input coap:~/~/COAP_SERVER_IP/mqtt/topic0?c=t1 to connect to the MQTT topic0 in CoAP server. Replace COAP_SERVER_IP with your COAP Server IP address, and refer [[here>>url:https://github.com/emqx/emqx-coap]] for the CoAP detail in EMQX. When connection ok, you can see below window.
102 -)))
103 103  
104 -[[image:https://wiki.dragino.com/images/thumb/0/0c/CoAP_Test_8.png/600px-CoAP_Test_8.png||height="323" width="600"]]
105 105  
111 +[[image:image-20220530090848-13.png||height="616" width="1154"]]
112 +)))
113 +
106 106  Connect to CoAP server
107 107  
108 -== 3.3 Test CoAP Uplink ==
109 109  
117 +== 3.3  Test CoAP Uplink ==
118 +
119 +
110 110  (((
111 111  Try to use MQTT.fx to subscribe a the topic (topic0) in the server. And use CoAP to send a message to this topic, we can see the message arrive the topic0 and shown in MQTT.fx.
112 -)))
113 113  
114 -[[image:https://wiki.dragino.com/images/thumb/b/b0/CoAP_Test_9.png/600px-CoAP_Test_9.png||height="429" width="600"]]
115 115  
124 +[[image:image-20220530090939-14.png]]
125 +)))
126 +
116 116  Use MQTT.fx to subscribe the topic
117 117  
118 118  
119 -[[image:https://wiki.dragino.com/images/thumb/3/39/CoAP_Test_10.png/600px-CoAP_Test_10.png||height="323" width="600"]]
130 +[[image:image-20220530091358-18.png||height="549" width="1035"]]
120 120  
121 121  Use CoAP Exension to send a update to CoAP server
122 122  
123 123  
124 -[[image:https://wiki.dragino.com/images/thumb/f/fe/CoAP_Test_11.png/600px-CoAP_Test_11.png||height="386" width="600"]]
135 +[[image:image-20220530091237-17.png]]
125 125  
126 126  MQTT.fx get the update of this topic on CoAP server
127 127  
128 -== 3.4 Test CoAP Downlink ==
129 129  
140 +== 3.4  Test CoAP Downlink ==
141 +
142 +
130 130  (((
131 131  Try to use MQTT.fx to publish a message to the topic (topic0) in the server. CoAP extension will see this incomming message.
145 +
146 +
132 132  )))
image-20220530090404-9.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Xiaoling
Size
... ... @@ -1,0 +1,1 @@
1 +143.5 KB
Content
image-20220530090444-10.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Xiaoling
Size
... ... @@ -1,0 +1,1 @@
1 +172.8 KB
Content
image-20220530090848-13.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Xiaoling
Size
... ... @@ -1,0 +1,1 @@
1 +113.8 KB
Content
image-20220530090939-14.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Xiaoling
Size
... ... @@ -1,0 +1,1 @@
1 +68.1 KB
Content
image-20220530091237-17.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Xiaoling
Size
... ... @@ -1,0 +1,1 @@
1 +51.3 KB
Content
image-20220530091358-18.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Xiaoling
Size
... ... @@ -1,0 +1,1 @@
1 +95.0 KB
Content

Applications

Navigation

Copyright ©2010-2022 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0