You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: programming/javascript/user-guide/index.md
+29-29Lines changed: 29 additions & 29 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
layout: default-layout
3
-
title: v11.2.2000 User Guide - Dynamsoft Barcode Reader JavaScript Edition
3
+
title: v11.2.4000 User Guide - Dynamsoft Barcode Reader JavaScript Edition
4
4
description: This is the user guide of Dynamsoft Barcode Reader JavaScript SDK.
5
5
keywords: user guide, javascript, js
6
6
breadcrumbText: User Guide
@@ -64,21 +64,21 @@ In this guide, you will learn step by step on how to integrate the DBR-JS SDK in
64
64
65
65
**Popular Examples**
66
66
67
-
- Hello World - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.20/foundational-api-samples/hello-world/hello-world.html)\|[Run](https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/hello-world.html?ver=11.2.20&utm_source=guide)
- WebView in Android and iOS - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v11.2.20/foundational-api-samples/hello-world/webview)
- Fill A Form - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.20/foundational-api-samples/use-case/fill-a-form-with-barcode-reading.html)\|[Run](https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/use-case/fill-a-form-with-barcode-reading.html?ver=11.2.20&utm_source=guide)
75
-
- Show result information on the video - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.20/foundational-api-samples/use-case/show-result-texts-on-the-video.html)\|[Run](https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/use-case/show-result-texts-on-the-video.html?ver=11.2.20&utm_source=guide)
76
-
- Debug Camera and Collect Video Frame - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.20/foundational-api-samples/others/debug)
67
+
- Hello World - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.40/foundational-api-samples/hello-world/hello-world.html)\|[Run](https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/hello-world.html?ver=11.2.40&utm_source=guide)
- WebView in Android and iOS - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/v11.2.40/foundational-api-samples/hello-world/webview)
- Fill A Form - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.40/foundational-api-samples/use-case/fill-a-form-with-barcode-reading.html)\|[Run](https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/use-case/fill-a-form-with-barcode-reading.html?ver=11.2.40&utm_source=guide)
75
+
- Show result information on the video - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.40/foundational-api-samples/use-case/show-result-texts-on-the-video.html)\|[Run](https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/use-case/show-result-texts-on-the-video.html?ver=11.2.40&utm_source=guide)
76
+
- Debug Camera and Collect Video Frame - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.40/foundational-api-samples/others/debug)
77
77
78
78
You can also:
79
79
80
-
- Try the Official Demo - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-demo/)\|[Run](https://demo.dynamsoft.com/barcode-reader-js/?ver=11.2.20&utm_source=guide)
- Try the Official Demo - [Github](https://github.com/Dynamsoft/barcode-reader-javascript-demo/)\|[Run](https://demo.dynamsoft.com/barcode-reader-js/?ver=11.2.40&utm_source=guide)
<a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.20/foundational-api-samples/hello-world/hello-world.html" title="Code in Github" style="text-decoration:none;">
143
+
<a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.40/foundational-api-samples/hello-world/hello-world.html" title="Code in Github" style="text-decoration:none;">
144
144
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/github.svg" alt="Code in Github" width="20" height="20" style="width:20px;height:20px;">
145
145
</a>
146
146
147
147
<a target="_blank" href="https://jsfiddle.net/DynamsoftTeam/csm2f9wb/" title="Run via JSFiddle" style="text-decoration:none;">
148
148
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/jsfiddle.svg" alt="Run via JSFiddle" width="20" height="20" style="width:20px;height:20px;" >
149
149
</a>
150
150
151
-
<a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/hello-world.html?ver=11.2.20&utm_source=guide" title="Run in Dynamsoft" style="text-decoration:none;">
151
+
<a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/hello-world/hello-world.html?ver=11.2.40&utm_source=guide" title="Run in Dynamsoft" style="text-decoration:none;">
152
152
<img src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.0.0/svgs/solid/circle-play.svg" alt="Run in Dynamsoft" width="20" height="20" style="width:20px;height:20px;">
153
153
</a>
154
154
</p>
@@ -193,7 +193,7 @@ The complete code of the "Hello World" example is shown below
193
193
194
194
### Run the example
195
195
196
-
You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=11.2.20&utm_source=guide) or test it with [JSFiddle code editor](https://jsfiddle.net/DynamsoftTeam/csm2f9wb/).
196
+
You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=11.2.40&utm_source=guide) or test it with [JSFiddle code editor](https://jsfiddle.net/DynamsoftTeam/csm2f9wb/).
197
197
198
198
You will be asked to allow access to your camera, after which the video will be displayed on the page. After that, you can point the camera at a barcode to read it.
199
199
@@ -207,7 +207,7 @@ Alternatively, you can test locally by copying and pasting the code shown above
207
207
>
208
208
> Regarding configuring https on your server, these guides for [nginx](https://nginx.org/en/docs/http/configuring_https_servers.html) / [IIS](https://aboutssl.org/how-to-create-a-self-signed-certificate-in-iis/) / [tomcat](https://dzone.com/articles/setting-ssl-tomcat-5-minutes) / [nodejs](https://nodejs.org/docs/v0.4.1/api/tls.html) might help.
209
209
>
210
-
> If the test doesn't go as expected, you can [contact us](https://www.dynamsoft.com/company/contact/?ver=11.2.20&utm_source=guide&product=dbr&package=js).
210
+
> If the test doesn't go as expected, you can [contact us](https://www.dynamsoft.com/company/contact/?ver=11.2.40&utm_source=guide&product=dbr&package=js).
211
211
212
212
## Preparing the SDK
213
213
@@ -226,29 +226,29 @@ The simplest way to include the SDK is to use either the [jsDelivr](https://jsde
<!-- - In some rare cases (such as some restricted areas), you might not be able to access the CDN. If this happens, you can use the following files for the test.
However, please **DO NOT** use `download2.dynamsoft.com` resources in a production application as they are for temporary testing purposes only. Instead, you can try hosting the SDK yourself. -->
245
245
246
246
- In frameworks like React, Vue and Angular, you may want to add the package as a dependency.
247
247
248
248
```sh
249
-
npm i dynamsoft-barcode-reader-bundle@11.2.2000 -E
249
+
npm i dynamsoft-barcode-reader-bundle@11.2.4000 -E
As previously stated, the key "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9" serves as a test license valid for 24 hours, applicable to any newly authorized browser. To test the SDK further, you can request a 30-day free trial license via the <a href="https://www.dynamsoft.com/customer/license/trialLicense?ver=11.2.20&utm_source=guide&product=dbr&package=js" target="_blank">Request a Trial License</a> link.
315
+
As previously stated, the key "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9" serves as a test license valid for 24 hours, applicable to any newly authorized browser. To test the SDK further, you can request a 30-day free trial license via the <a href="https://www.dynamsoft.com/customer/license/trialLicense?ver=11.2.40&utm_source=guide&product=dbr&package=js" target="_blank">Request a Trial License</a> link.
316
316
317
317
> Upon registering a Dynamsoft account and obtaining the SDK package from the official website, Dynamsoft will automatically create a 30-day free trial license and embed the corresponding license key into all the provided SDK samples.
The preset templates have many more settings that can be customized to suit your use case best. If you [download the SDK from Dynamsoft website](https://www.dynamsoft.com/barcode-reader/downloads/1000003-confirmation/), you can find the templates under
3. Confirm the installation by checking the `package.json`. You should see:
@@ -34,12 +34,12 @@ Assuming you have an existing project using a framework, you should have a `pack
34
34
...
35
35
"dependencies": {
36
36
...
37
-
"dynamsoft-barcode-reader-bundle": "11.2.2000"
37
+
"dynamsoft-barcode-reader-bundle": "11.2.4000"
38
38
}
39
39
}
40
40
```
41
41
42
-
Notice that there is no `^` before `11.2.2000`. No `^` indicates an exact version, ensuring stability and avoids automatic upgrades even without `package-lock.json`.
42
+
Notice that there is no `^` before `11.2.4000`. No `^` indicates an exact version, ensuring stability and avoids automatic upgrades even without `package-lock.json`.
43
43
44
44
While we keep the SDK's external interface relatively stable, the SDK's internal communication often change with each new version. These changes can potentially lead to compatibility issues with `engineResourcePaths` settings. To prevent any unexpected difficulties and surprises, it's essential to use the exact version of the SDK.
0 commit comments