Jour our slacck community @ slack.acentera.com
Vue.JS sample CMS Project & Todo App
This repository is based on the Vue Element Admin Vue.JS admin.
If this app has been deployed fully using the serverless repository link, once the cloudformatio nstack has been created, you should access the web application from the WebsiteUrl cloudformation outputs.
Once you navigate to the Cloudfront URL you should have a login page that looks like the following:
With a valid cognito user (from the ACenterA Core), you should be able to log-in using an MFA confirmation code.
Once logged-in you should be able to navigate to the "Administration" section, only if your user is part of the "Admin" cognito group
As admin you can list projects
$ cat .env
| Environment | Value | Info |
|---|---|---|
| PLUGIN_NAME | serverless-cms | Plugin Name used in template registration process |
| PLUGIN_KEY | a2f9b231-88b5-40c9-9f75-cc14f854a7bb | Unique Site Key passed as HTTP Header |
| PLUGIN_DATA_KEY | a2f9b231-88b5-40c9-9f75-cc14f854a7bb | Data Key may be usefull to refer to an existing environment data |
| DEV_ACCOUNTID | 0 | AWS Account Id simulator (in dev) |
| ADMIN_USERNAME | admin@acentera.com | Admin Username provisionned |
| SITE_TITLE | My Serverless Admin - Local | Vue.JS Site Title |
| ENV_CONFIG | local | Specify local to use local graphql, anything else would use values from the DB |
Using Makefile
$ make dev
Using Docker Compose only
$ docker-compose -f docker-compose.yml -f docker-compose-core.yml up -d --build --force-recreate
Note: The local environment doesnt use Cognito, while the production will using Cognito for user / groups.
Note: The local environment usees an appsync nodejs proxy to call sam model. That doesnt yet supports GraphQL Subscriptions. There are way to actually uses a real GraphQL / Cognito Endpoint
| Endpoint Name | Value | Info |
|---|---|---|
| Vue.JS App | http://cms.dev.acentera/ | Vue.JS App (https doesnt support hot reload nodejs-sock issues) |
| DynamoDB | https://dynamodb.dev.acentera/ | DynamoDB Tables |
| GraphQL | https://graphql.dev.acentera/ | Apollo GraphQL Server |
| API Gateway Proxy | https://apiproxy.dev.acentera/ | API Gateway Proxy (acentera core or plugin routing) |
Using the dynamodb endpoint, you can fetch an existing user by doing a scan where SK=USER
Copy the JSON Object.
Modify the title / email address to your new username
Write as id : Calculate the md5 of the email address
Write as password : {CLEAR}thePasswordInPlainText
Update the Roles to be something like : [ "Editor" ]
Once you have deployed the serverless repo through the Serverless Repository, you should have a Cloudfront distributin created.
You may check in the stack output for the WebsiteUrl to use.
Note: The Cloudfront should pass an 'X-Site' header that represent the SiteKey.
Using an AWS CodeBuild Pipeline (or simply using the sam package / publish ).
You have a pre-requisit of the ACenterA Core serverless repo.
Create a Fork and rename
find src/ -type f -exec sed -ri 's/serverless-cms/my-new-plugin/g' {} ; find config/ -type f -exec sed -ri 's/serverless-cms/my-new-plugin/g' {} ; find build/ -type f -exec sed -ri 's/serverless-cms/my-new-plugin/g' {} ;
- Georgy Nemtsov For the Node.js script, which works like local AppSync: appsync-local.js
The software is licensed under the MIT license.
By using this UI, we would like that any application which incorporates it shall prominently display the message “Made with ACenterA” in a legible manner in the footer of the admin console. This message must open a link to acentera.com when clicked or touched.