Por Doug Stevenson, Developer Advocate TypeScript para desenvolvimento com o Cloud Functions!
lançou uma atualização do Firebase CLI que facilita a criação de funções em TypeScript, substituindo o JavaScript. A equipe do Firebase recomenda que você considere a mudança para o TypeScript. Mas posso imaginar que você esteja um pouco relutante para aprender uma nova linguagem, principalmente se você manda bem em JavaScript. A boa notícia é que o TypeScript oferece vários benefícios que você pode aproveitar facilmente agora mesmo.
Verificação de tipo estático (opcional)
Classes e interfaces
Genéricos
Enums
crucial compreendê-lo corretamente para desenvolver com o Cloud Functions . O TypeScript facilita muito tudo isso.
TSLint , que verifica o código em TypeScript para detectar possíveis problemas antes de implantar no Cloud Functions. O Firebase CLI solicitará que você configure o TSLint quando inicializar o Functions em um projeto usando o TypeScript, e recomendamos que você faça isso.
Ativação do TypeScript e do TSLint
firebase init. Vamos começar examinando functions/package.json. Nele, você verá esta chave:
"devDependencies": {
"tslint": "^5.8.0",
"typescript": "^2.6.2"
},
"scripts": {
"lint": "./node_modules/.bin/tslint -p tslint.json",
"build": "./node_modules/.bin/tsc",
...
}
npm run lint e npm run build na linha de comando do seu diretório de funções. A primeira execução verifica o código com o TSLint e a segunda compila esse código com o compilador do TypeScript.
firebase.json. Agora, ele tem um gancho de pré-implantação que executa o TSLint no seu código. Se um erro for encontrado, a implantação será interrompida:
{
"functions": {
"predeploy": [
"npm --prefix $RESOURCE_DIR run lint",
"npm --prefix $RESOURCE_DIR run build"
]
}
}
functions/tsconfig.json. Ele contém a configuração do compilador do TypeScript.
{
"compilerOptions": {
"lib": ["es6"],
"module": "commonjs",
"noImplicitReturns": true,
"outDir": "lib",
"sourceMap": true,
"target": "es6"
},
"compileOnSave": true,
"include": [
"src"
]
}
functions/src e os compila para JavaScript em functions/lib, mantendo a compatibilidade com ECMAScript 6, como exigido pelo Cloud Functions. No momento, o Cloud Functions executa o Node 6, o que significa que compreende nativamente o código do ES6.
functions/tslint.json. Esse arquivo lista todas as regras observadas quando o TSLint verifica o seu código. Você pode adicionar novas regras aqui ou remover as que não quiser. Sugiro deixar tudo como está, porque a lista de regras foi definida pela equipe do Firebase para justamente ajudar a criar funções. Se violados, os "erros estritos" com valores definidos como true causarão erros em tempo de compilação. Os avisos abaixo deles apenas reclamarão de possíveis problemas, e a equipe acredita que você deve tentar resolvê-los.
Beleza, agora quero um exemplo!
createdAt quando um nó de usuário é criado no Realtime Database. Já achou o erro?
export const onUserCreate =
functions.database.ref('/users/{uid}').onCreate(event => {
event.data.ref.update({ createdAt: Date.now() })
})
npm run build neste código, verá este erro na saída:
Promises must be handled appropriately
no-floating-promises . O TSLint percebe que event.data.ref.update retorna uma promessa, que não é utilizada. A forma correta de lidar com promessas de acionadores de banco de dados é retorná-las:
export const onUserCreate =
functions.database.ref('/users/{uid}').onCreate(event => {
return event.data.ref.update({ createdAt: Date.now() })
})
async e usar await para retorná-la:
export const onUserCreate =
functions.database.ref('/users/{uid}').onCreate(async event => {
await event.data.ref.update({ createdAt: Date.now() })
})
Quero feedback mais rápido!
VSCode para editar TypeScript. O VSCode usa o TSLint para fornecer feedback instantâneo. A extensão do TSLint é bem fácil de instalar.
Quer mais um exemplo?
Firestore usando o Admin SDK. Aparentemente, a função está OK e funciona corretamente:
export const getUser = functions.https.onRequest((req, res) => {
var uid = req.params.uid
const doc = admin.firestore().doc(`users/${uid}`)
doc.get().then(doc => {
res.send(doc.data())
}).catch(error => {
res.status(500).send(error)
})
})
var, uid e doc. Se você parar o cursor no código marcado, verá uma mensagem do TSLint:
prefer-const para mostrar a você que é melhor usar const em vez de var para declarar valores que não mudam. Isso é bom para a legibilidade do código, além de evitar que alguém mude algo sem querer no futuro.
doc é o TSLint usando a regra no-shadowed-variable para mostrar que o parâmetro doc da função passado a then() (um objeto DeltaDocumentSnapShot) está mascarando a constante doc no escopo maior (um objeto DocumentReference), o que impede o seu uso. Embora isso não seja um bug, pode gerar confusão sobre que instância de "doc" está sendo referenciada em um determinado momento. Para resolver o problema, basta renomear uma das instâncias.
export const getUser = functions.https.onRequest((req, res) => {
const uid = req.params.uid
const doc = admin.firestore().doc(`users/${uid}`)
doc.get().then(snapshot => {
res.send(snapshot.data())
}).catch(error => {
res.status(500).send(error)
})
})
@Firebase .
2 comentários :
jasapoker yang dilengkapi sistem teknologi terbaru dengan server berkecepatan tinggi yang akan memberikan permainan Judi bola online jasa qq dan sbobet. Caranya sangat mudah, hanya dengan mendaftarkan diri anda di link alternatif juarapoker 2019
sekarang juga dan mulailah mereferensikan link referral anda kepada semua teman dan kenalan anda untuk ikut bermain bersama agen judi online remipoker yang terpercaya ini. Daftarkan diri anda sekarang juga di dominobet 2019 dan ajak teman anda untuk bermain bersama di satu meja!
jangan lupa lagi Akan semakin seru jika Mainbolajalan bisa dimainkan oleh anda semua,permainan yang FAIR PLAY yang akan diberikan dan akan anda rasakan di Mainbolajalan dengan BONUS ROLLINGAN SPORTBOOK 0.10% , BONUS ROLLINGAN CASINO 0.5% serta BONUS REFERRAL 1% dari WL Teman anda, Aman dan Terpercaya hanya ada di Bandar agen sbobet terpercaya di asia seperti pokerace99
This article is a lifesaver. Ehsaas Program in Punjab Exactly what I needed!
Postar um comentário