开源软件名称(OpenSource Name): dabit3/vue-graphql-appsync开源软件地址(OpenSource Url): https://github.com/dabit3/vue-graphql-appsync开源编程语言(OpenSource Language):
JavaScript
80.1%
开源软件介绍(OpenSource Introduction):
Task Manager Application built using Vue , AWS AppSync , and Vue Apollo
This application goes along with the medium blog Full Stack Vue with GraphQL & AWS AppSync
Getting started
clone project
git clone https://github.com/dabit3/vue-graphql-appsync.git
cd into directory
install dependencies using npm or yarn
create a new AppSync Project with the following schema:
Video walkthrough (replace Todo with Task, and fetchTodos with fetchTasks), or go to AWS AppSync if you already are familiar with how to create the correct schema.
input CreateTaskInput {
id: ID!
name: String!
completed: Boolean!
}
input DeleteTaskInput {
id: ID!
}
type Mutation {
createTask(input: CreateTaskInput!): Task
updateTask(input: UpdateTaskInput!): Task
deleteTask(input: DeleteTaskInput!): Task
}
type Query {
getTask(id: ID!): Task
listTasks(first: Int, after: String): TaskConnection
}
type Subscription {
onCreateTask(id: ID, name: String, completed: Boolean): Task
@aws_subscribe(mutations: ["createTask"])
onUpdateTask(id: ID, name: String, completed: Boolean): Task
@aws_subscribe(mutations: ["updateTask"])
onDeleteTask(id: ID, name: String, completed: Boolean): Task
@aws_subscribe(mutations: ["deleteTask"])
}
type Task {
id: ID!
name: String!
completed: Boolean!
}
type TaskConnection {
items: [Task]
nextToken: String
}
input UpdateTaskInput {
id: ID!
name: String
completed: Boolean
}
schema {
query: Query
mutation: Mutation
subscription: Subscription
}
update your credentials in src/AppSync.js
请发表评论