arduino 入门套件
拉古 (Laqu-l)
A complete starter kit that allows you create amazing apps that look native thanks to the Quasar Framework. Powered by an API developed in Laravel Framework using the easy GraphQL query language. And ready to use the Google Firebase features.
完整的入门工具包,借助Quasar Framework,您可以创建外观精美的惊人应用程序。 由Laravel Framework开发的API使用简单的GraphQL查询语言提供支持。 并准备使用Google Firebase功能。
登入画面 (Login Screen)
管理员画面 (Admin Screen)
特征 (Features)
Multilanguage capability
多语言能力
XSRF protection in client and client-backend comunication.
客户端和客户端-后端通信中的XSRF保护。
Use as SPA, PWA, DESKTOP APP, MOBILE APP, thanks to Quasar Framework
由于Quasar Framework,可用作SPA,PWA,DESKTOP APP,MOBILE APP
Area for Terms and Conditions and Privacy Policy
条款和条件以及隐私政策区域
Social login (Google and Facebook by default)
社交登录(默认情况下为Google和Facebook)
OAUTH 2 Authentication
OAUTH 2认证
Password login
密码登入
User registration with password and email verification
使用密码和电子邮件验证的用户注册
Reset password with email verification
通过电子邮件验证重置密码
User avatar
用户头像
Update password
更新密码
Update user name
更新用户名
Logout
登出
Firebase Authentication with custom generated token that allows using all Firebase features
使用自定义生成的令牌进行Firebase身份验证,该令牌允许使用所有Firebase功能
Firebase Cloud Messaging for app notifications
Firebase Cloud Messaging用于应用程序通知
User timezone detection for process related to user's time
用户时区检测与用户时间相关的过程
User roles
用户角色
组件 (Components)
API (API)
OAUTH 2 Laravel API Powered with GraphQl
带有GraphQl的OAUTH 2 Laravel API
客户 (Client)
Dashboard with a basic features developed with Quasar Framework
具有Quasar Framework开发的基本功能的仪表板
客户端后端 (Client-Backend)
PHP script that allows securely storing the API client-id and client-secret and managing the OAUTH2 authentication and refresh tokens process
PHP脚本,可以安全地存储API客户ID和客户秘密,并管理OAUTH2身份验证和刷新令牌过程
要求 (Requeriments)
LAMP Server
LAMP服务器
Terminal
终奌站
node
节点
npm
npm
quasar-cli
类星体
composer
作曲家
git
吉特
安装 (Installation)
API设置 (API Setup)
Prepare the Laravel API for the initial setup
准备Laravel API以进行初始设置
In your terminal type:
在您的终端中输入:
git clone https://github.com/laqul/laqul.git
cd laqul/api
composer install
cp .env.example .env
php artisan key:generate
php artisan passport:keys
Create a data base using terminal or phpmyadmin
使用终端或phpmyadmin创建数据库
Put your data connection in laqul/api/.env file:
将数据连接放在laqul / api / .env文件中:
DB_DATABASE=YOUR_DATABASE
DB_USERNAME=YOUR_DATABASE_USER
DB_PASSWORD=YOUR_DATABASE_PASSWORD
Migrate data base
迁移资料库
php artisan migrate --seed
Configure the SMTP server for emails in laqul/api/.env file:
为laqul / api / .env文件中的电子邮件配置SMTP服务器:
[email protected]
MAIL_FROM_NAME='Laqul'
MAIL_DRIVER=smtp
MAIL_HOST=SMTP_HOST
MAIL_PORT=SMTP_PORT
MAIL_USERNAME=SMTP_USERNAME
MAIL_PASSWORD=SMTP_PASSWORD
MAIL_ENCRYPTION=tls
Create a Firebase project
创建一个Firebase项目
Go to project settings and get a service account then paste it in laqul/api/.env file
转到项目设置并获取服务帐户,然后将其粘贴到laqul / api / .env文件中
FIREBASE_SERVICE_ACCOUNT=YOUR_FIREBASE_SERVICE_ACCOUNT
-
Into the Firebase project settings in service account option generate a private key, one file was downloaded, rename the key file to firebase-private.key and move it to laqul/api/storage folder
进入“服务帐户中的Firebase项目设置”选项中,生成一个私钥,下载了一个文件,将密钥文件重命名为firebase-private.key并将其移至laqul / api / storage文件夹
-
Get the Firebase AUD and paste it in laqul/api/.env file More Info
获取Firebase AUD并将其粘贴在laqul / api / .env文件中更多信息
FIREBASE_AUD=YOUR_FIREBASE_TOKEN_AUD
Into the Firebase project settings in Cloud Messaging option get the server key and the sender id and paste it in laqul/api/.env file
进入Cloud Messaging中的Firebase项目设置选项,获取服务器密钥和发件人ID,并将其粘贴到laqul / api / .env文件中
FCM_SERVER_KEY=YOUR_FCM_SERVER_KEY
FCM_SENDER_ID=YOUR_FCM_SENDER_ID
Get your Google Oauth 2.0 Client ID and Client Secret from Developers Console and paste it in laqul/api/.env file
从开发者控制台获取Google Oauth 2.0客户端ID和客户端密钥,并将其粘贴到laqul / api / .env文件中
SOCIAL_GOOGLE_CLIENTID=YOUR_GOOGLE_CLIENT_ID
SOCIAL_GOOGLE_CLIENTSECRET=YOUR_GOOGLE_CLIENT_SECRET
Get your Facebook Oauth 2.0 Client ID and Client Secret from Facebook Developers and paste it in laqul/api/.env file
从Facebook Developers获取您的Facebook Oauth 2.0客户端ID和客户端密钥,并将其粘贴到laqul / api / .env文件中
SOCIAL_FACEBOOK_CLIENTID=YOUR_FACEBOOK_CLIENT_ID
SOCIAL_FACEBOOK_CLIENTSECRET=YOUR_FACEBOOK_CLIENT_SECRET
Back in your terminal make a sym-link to storage folder in your API folder
回到终端,在您的API文件夹中建立一个符号链接到存储文件夹
php artisan storage:link
Run the API
运行API
php artisan serve
运行客户端后端 (Run The Client Backend)
Open a new terminal in laqul/client-backend folder and run:
在laqul / client-backend文件夹中打开一个新终端,然后运行:
php -S localhost:8001
This creates a server listening in port 8001, this is the intermediary between client and api for the Oauth 2.0 authentication
这将创建一个侦听端口8001的服务器,这是客户端和api之间进行Oauth 2.0身份验证的中介
设置客户端 (Setup Client)
Open a new terminal in laqul/client folder and run:
在laqul / client文件夹中打开一个新终端,然后运行:
npm install
Go to laqul/client/src/config/index.js file and setup your firebase project data:
转到laqul / client / src / config / index.js文件并设置您的Firebase项目数据:
apiKey: 'YOUR_FIREBASE_API_KEY',
authDomain: 'YOUR_FIREBASE_AUTH_DOMAIN',
databaseURL: 'YOUR_FIREBASE_DATABASE_URL',
projectId: 'YOUR_FIREBASE_PROJECT_ID',
storageBucket: 'YOUR_FIREBASE_STORAGE_BUCKET',
messagingSenderId: 'YOUR_FIREBASE_SENDER_ID'
Back to your terminal and run:
返回您的终端并运行:
quasar dev
You are done! make something awesome!
大功告成! 做点很棒的事!
Spelling and grammar correction are welcome :+1:
欢迎进行拼写和语法纠正:+1:
翻译自: https://vuejsexamples.com/a-complete-starter-kit-that-allows-you-create-amazing-apps/
arduino 入门套件