arduino 入门套件_完整的入门套件，可让您创建出色的应用

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功能。

View demo 查看演示 Download Source 下载源

登入画面 (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 入门套件