Real-Time OCR WebApp (React, NodeJS, Python) demo on HUAWEI CLOUD
Serverless app using NodeJS, React and HUAWEI CLOUD (API Gateway, FunctionGraph, GaussDB, OBS), all the website will host in HUAWEI CLOUD OBS.
Please navigate to : https://www.hwcsa-domain.site/
- First of all, install the required VSCode plugin: "Prettier - Code Formatter" and "Simple React Snippets".
- Install nodejs on your devlopment laptop.
- Create the nodejs project within VSCode by input command "npm i -g create-react-app", once done, just input command "create-react-app app", and finally execute "npm start".
- Configure the basic frontend module, go to https://reactstrap.github.io, copy the NPM command (npm install --save reactstrap react react-dom) and run within your react app folder. Then search from https://npmjs.com, "dotenv", "base64-img", "react-moment", "react-file-base64".
- Configure Huawei Cloud service for object storage, api gateway, FunctionGraph, CDN, OCR endpoint(Thailand ID card recognition), Relational Database - MySQL, domain name and your SSL certificate.
- Copy the source code here and overwrite to your VSCode IDE files;
@WhatsApp: +27 726557778
@Email: lihexin1@huawei.com