Preparing the server environment
Install Docker and Docker-compose follow this link
- MongoDB cli 4.x
- Mongo Restore (For Remote/Server)
- Ubuntu 18 (For server)
- mongo-tools
clone project
git clone https://github.com/yee2542/CPE-KMUTT-Web
cd ./CPE-KMUTT-Webrun projecy via Docker in dev environment
$ docker-compose -f docker-compose.dev.yml up --buildfor production running, please prepare .env.prod and
$ docker-compose -f docker-compose.prod.yml --env-file .env.prod up -d --build --scale frontend=3please check the proxy config in nginx.conf to match the --scale setting
when db not start cause have no permission to create dir e.g.
mkdir: cannot create directory
fix by this command
$ sudo chown -R 1001 ./dbdefault admin account
| username | password |
|---|---|
| [email protected] | Admin2021 |
how to build a new API and generate native code for frontend
- add new
collection/singletype via strapi admin http://localhost:1337/admin - config permission for
publicuser http://localhost:1337/admin/settings/users-permissions/roles - play query on strapi graphql http://localhost:1337/graphql
- copy your query to
frontend/srcand should be placed inservicedomain file name should following this convention[name-w-action].operation.graphql - run
yarn codegenon frontend project then call by graphql client innext/pagesfollowing these example in src/pages/index.tsx
export const getServerSideProps: GetServerSideProps = async () => {
const { data } = await client.query<GetHomeQuery>({
query: GetHomeDocument,
variables: { locale: "th" },
});
return {
props: { data },
};
};since we've a custom library for strapi e.g. WYSIWYG, it needed for external build before starting strapi by following these steps
# point to strapi plugin
$ cd ./strapi/plugins/wysiwyg
# install dependency for plugin
$ yarn
# build on /strapi
cd ../../
$ yarn build
Due to conflicting dependencies, stop the cpe-kmutt-strapi container and delete /strapi/node_modules before restarting the strapi container to install a correct dependence on its own. Do not use yarn to install dependencies.
For testing stage, using mongo-tools for restore a data.
$ cd /qa/strapi
$ mongorestore --host="localhost:27017" --username root --password cpeKMUTT@WebSite --authenticationDatabase admin
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent