شخصی سازی سوپراپ

• سوپراپ اندروید
• سوپراپ وب
• ایجاد سوپراپ انگولار
• اتصال به بک اند با GRPC

سوپراپ اندروید

سوپراپ وب

ایجاد سوپراپ انگولار

برای ایجاد سوپراپ انگولار پس از ساخت پروژه ی انگولار مراحل زیر را انجام دهید.

افزودن dependency اپسان

این dependency به صورت فایل با دستور زیر اضافه می شود.

"appsan": "file:C:\\Users\\...\\appsan-native-web\\my-webpack-project-1.0.0.tgz",

افزودن dependency های مورد نیاز اپسان

"dependencies": {
	...
	"materialize-css": "^1.0.0-rc.2",
	"uuid": "^9.0.0",
	...
},
...
"devDependencies": {
	...
	"@types/uuid": "^9.0.1",
    "@types/materialize-css": "^1.0.11",
    ...
}

افزودن style ها به انگولار در style.css

@import "appsan/dist/main.css";

...

اتصال به بک اند با GRPC

برای ایجاد فایل های GRPC در Angular اول باید protoc نصب شود

برای نصب Protoc از این لینک آخرین ورژن را دریافت می کنیم

سپس برای ایجاد فایل های دسترسی client از ts-protoc-gen استفاده می کنیمnpm install --save ts-protoc-gen

npm install --save-dev ts-protoc-gen protoc-gen-js

علاوه بر این موارد زیر نیز برای استفاده از protobuf نیاز است

npm install --save google-protobuf
npm install --save-dev @types/google-protobuf
npm install --save @improbable-eng/grpc-web

protoc --plugin=protoc-gen-ts="{ABSOLUTEPATH}\node_modules\.bin\protoc-gen-ts.cmd" 
--js_out="import_style=commonjs,binary:{OUTPUTPATH}" 
--ts_out="service=grpc-web:{OUTPUTPATH}" {PROTO_FILE_PATH]

منابع