JavaScript geliştiricileri için en iyi görevler
Geçerli göreviniz hakkında bir örnek bulun. Bir görev bulamıyorsanız, görevinizi talep etmek için geri bildirim bırakın.
Active Directory uygulaması
Kimlik doğrulaması sağlayın.
| Görev | kullanma |
|---|---|
| Uygulama kaydı oluşturma | Portal Azure CLI |
| Kolay kimlik doğrulaması | Statik Web Uygulamaları Express.js |
| Uygulama kaydını Listele | Azure CLI |
Kullanarak MSAL oturum açma/kapatma düğmesi @azure/msal-browser |
React/typescript |
@azure/msal-browserkullanıcı kimlik bilgilerini işlev apı 'sine geçirme kullanarak MSAL React |
React ve Azure işlev apı 'si |
Kullanarak MSAL Express.js @azure/msal-node |
Express.js |
| AAD iznini iptal et | https://myapplications.microsoft.com/ |
| Tüketici iznini iptal et | https://account.live.com/consent/manage |
| Oturum aç | Azure CLI Visual Studio Code uzantısı |
Azure Kaynak grupları
| Görev | kullanma |
|---|---|
| Kaynak grubu oluşturma | Azure CLI TypeScript |
| Kaynak grubunu silme | Azure CLI TypeScript |
| Kaynak gruplarını listeleme | TypeScript |
Uygulamalar
Statik Web Uygulamaları
| Görev | kullanma |
|---|---|
| Deno uygulaması oluşturma | Bash |
| JavaScript dilini hedefleyen React uygulama oluşturma | Bash |
| TypeScript dilini hedefleyen React uygulama oluşturma | Bash |
| Vue uygulaması oluşturma | Bash |
| Statik Web Apps oluşturma | Visual Studio Code uzantısı Azure CLI |
| Siteye gözatamıyorum | Visual Studio Code uzantısı |
| SWA CLı ile yerel olarak SWA proxy | SWA CLı |
| SWA CLı ile SWA 'yı yerel olarak kimlik doğrulama | SWA CLı |
| Statik Web uygulaması yerel ortam değişkenlerini ayarlama | Bash |
İşlev (sunucusuz) uygulamalar
| Görev | kullanma |
|---|---|
| Işlevler uygulamasını yerel olarak oluşturma | Visual Studio Code uzantısı |
| HTTP tetikleyici kodu | JavaScript |
| Yerel olarak hata ayıkla/test işlevi | Visual Studio Code |
| Azure bulutuna işlev dağıtma | Visual Studio Code uzantısı |
| Güvenli işlev API 'sinin kullanılabildiğini doğrulama | Visual Studio Code uzantısı/tarayıcısı |
| İşlev uygulaması kaynağını kaldır | Visual Studio Code uzantısı |
App Service-tam yığın, yalnızca sunucu veya yalnızca istemci uygulamaları
| Görev | kullanma |
|---|---|
| Yerel Express.js uygulaması oluşturma | Bash |
| Uygulama kaynağı oluşturma-şunları içerir: dağıtım Express.js uygulaması, akış günlükleri | Visual Studio Code uzantısı |
| Uygulama kaynağı oluşturma-şunları içerir: Express.js uygulama dağıtma, uygulama ayarlarını yapılandırma, NPM yüklemesi çalıştırma, dağıtılan Web sitesine tarama | Visual Studio Code uzantısı |
| Uygulama kaynağı oluştur | Azure CLI |
| Uygulama, dağıtım, tarayıcı uygulaması oluşturma, günlükleri görüntüleme | Azure CLI |
| Web uygulamasını veritabanı bağlantı dizesi kullanacak şekilde yapılandırma | Azure CLI |
| Web uygulamasını kapsayıcıyı kullanacak şekilde yapılandırma | Azure CLI |
| Web uygulaması özel etki alanı adını yapılandırma | Azure CLI |
| Uygulama kaynağını Sil | Visual Studio Code uzantısı Azure CLI |
| Dağıtım veya reploy uygulaması | Visual Studio Code uzantısı |
| Web uygulaması dış IP 'si al | Azure CLI |
| Etki alanı adı satın alma ve DNS kaydını yapılandırma | Azure CLI |
| Uzak günlükleri akışla | Visual Studio Code uzantısı Azure CLI |
Bilişsel Hizmetler
| Görev | kullanma |
|---|---|
| Bilişsel Hizmetler Computervision kaynağı oluşturma | Azure CLI |
| Bilişsel Hizmetler Computervision kaynağını al | Azure CLI |
| Azure SDK 'Yı yükler | Bash |
Görüntüyü çözümle @azure/cognitiveservices-computervision |
Visual Studio Code |
Docker görevleri dahil kapsayıcılar
| Görev | kullanma |
|---|---|
| Yerel projeye Docker dosyaları ekleme | Visual Studio Code uzantısı |
| Yerel projeden Docker görüntüsü oluştur | Visual Studio Code uzantısı |
| Yerel JavaScript projenizden kapsayıcı görüntüsü oluşturma | Visual Studio Code |
| Kapsayıcı kayıt defteri kaynağı oluşturma | Visual Studio Code uzantısı Azure CLI |
| Dockerfile oluştur | Visual Studio Code uzantısı |
| Görüntüyü App Service 'e dağıtma | Visual Studio Code uzantısı |
| Azure Container Registry kimlik bilgilerini al | Azure CLI |
| Kapsayıcı kayıt defterinde oturum açma | BASH-Docker CLı |
| Görüntüyü Docker kayıt defteri kaynağına gönder | Visual Studio Code uzantısı |
| Görüntüyü Azure Container kayıt defteri kaynağına gönderme | Visual Studio Code uzantısı BASH-Docker CLı |
| Yerel kapsayıcıyı Çalıştır | Visual Studio Code uzantısı |
| Yerel görüntünüzü etiketleme | BASH-Docker CLı |
| Docker sürümünü doğrula | Bash |
Veritabanları
Cosmos DB Cassandra API
| Görev | Kullanma |
|---|---|
| Kaynak oluşturma | Azure portalındaki Azure CLI |
| Kaynakta anahtar deposu oluştur | Azure CLI |
| Anahtar deposunda tablo oluştur | Azure CLI |
| Bağlantı bilgilerini alma | Azure CLI |
| Cosmos DB cassandra-driver apı 'sini kullanma | JavaScript |
MariaDB
| Görev | Kullanma |
|---|---|
| MariaDB kaynağı oluşturma | Azure portalındaki Azure CLI @azure/ARM-MariaDB |
| Kaynakta MariaDB veritabanı oluşturma | Azure CLI |
| Bağlantı dizesini al | Azure CLI |
| Veritabanını kullanma ve görüntüleme | Azure Cloud ShellMySQL CLI MySQL Workbench Visual Studio Code uzantısı NPM MariaDB JavaScript |
Cosmos DB mongodb apı 'si
| Görev | kullanma |
|---|---|
| Cosmos DB-mongodb kaynağı oluşturma | Visual Studio Code uzantısı Azure CLI |
| Cosmos DB bağlantı dizesi al | Visual Studio Code uzantısı Azure CLI |
| Cosmos DB görüntüle | Cosmos DB gezgini |
| Cosmos DB mongodb için mongoose apı 'sini kullanma | JavaScript |
MySQL
| Görev | Kullanma |
|---|---|
| Kaynak oluşturma | Azure portalındaki Azure CLI @azure/ARM-MySQL |
| Kaynakta veritabanı oluştur | Azure CLI |
| Bağlantı dizesini al | Azure CLI |
| Veritabanını kullanma ve görüntüleme | MySQL Workbench Visual Studio Code uzantısı NPM MySQL NPM Promise-MySQL |
| Promise-MySQL API 'sini kullanma | JavaScript |
PostgreSQL
| Görev | kullanma |
|---|---|
| Kaynak oluşturma | Visual Studio Code uzantısı Azure CLI Azure portalındaki @azure/ARM-PostgreSQL |
| Bağlantı dizesini al | Azure CLI |
| VERITABANıNı görüntüle | Visual Studio Code uzantısı Azure Cloud Shell psql |
| DB için pg API 'sini kullanma | JavaScript |
Cosmos DB apı SQL
- Hizmet belgeleri
- @azure/cosmosdb NPM paketi
| Görev | kullanma |
|---|---|
| İstemci IP adresiniz için güvenlik duvarı kuralı ekleme | Azure CLI |
| Cosmos DB SQL apı kaynağı oluşturma | Visual Studio Code uzantısı Azure CLI |
| Cosmos DB anahtarları al | Azure CLI |
| Cosmos DB bağlantı dizesi al | Visual Studio Code uzantısı |
| Cosmos DB görüntüle | Cosmos DB gezgini |
| Cosmos DB için SQL apı 'sini kullanın | JavaScript |
GraphQL
| Görev | kullanma |
|---|---|
Hello WorldAzure işlevi olarak graphql API dağıtma |
VSCode |
| GraphQL API 'de CRUD işlemlerini Azure Işlevi olarak dağıtma | VSCode |
Barındırma ortamına dağıtım
| Görev | kullanma |
|---|---|
| Statik Web uygulaması (SWA) | VS Code Çerçevede (Next.js) Azure Pipelines |
| İşlevler | VS Code Azure Pipelines GitHub Actions |
| App service | VS CodeExpress.js Git Gönderme GitHub Actions Azure DevOps |
Git
| Görev | kullanma |
|---|---|
| Yerel dal oluştur | komut paleti ile Visual Studio Code durum çubuğuyla Visual Studio Code |
| GitHub projeyi yerel bilgisayara kopyala | Visual Studio Code |
| Yerel dalı uzak depoya gönder | durum çubuğuyla Visual Studio Code kaynak kurs uzantısı ile Visual Studio Code |
GitHub
Eylemler
| Görev | kullanma |
|---|---|
| Gizli dizileri ekleme | Visual Studio Code |
| Yapı işlemini görüntüle | GitHub web sitesi |
Key Vault
| Görev | kullanma |
|---|---|
| Gizli dizileri al | @azure/keyvault-secrets |
İzleme
| Görev | kullanma |
|---|---|
| Kaynak oluşturma | Azure CLI |
Depolama
| Görev | kullanma |
|---|---|
| Kaynak oluşturma | Visual Studio Code uzantısı |
| Kaynağı silme | Visual Studio Code uzantısı |
| Kapsayıcı Depolama erişim imzası (SAS) belirteci oluşturma | Portal |
| Kodda SAS belirteci ayarlama | TypeScript |
| CorS'u Depolama | Portal |
| Azurite Depolama kullanma | Visual Studio Code |
Bloblar
| Görev | kullanma |
|---|---|
ile depolamada kapsayıcı oluşturma @azure/storage-blob |
React/TypeScript |
Upload ile depolamaya dosya depolama@azure/storage-blob |
React/TypeScript |
| Upload API ile Depolama için dosya kullanma | Dışarı bağlama ile TypeScript |
Terminal kullanımı
| Görev | kullanma |
|---|---|
| Tümleşik terminal | Visual Studio Code |
Sanal makineler
| Görev | kullanma |
|---|---|
| Oluşturma - cloud-init dosyasıyla | YAML |
| Oluşturma - Azure CLI ile - linux VM kaynağı | Azure CLI |
| Bağlan - Linux VM'nin bağlantı noktasını açma | Azure CLI |
| Bağlan - SSH ile | Bash |
| Durumu Al | @azure/arm-compute |
| VM'leri listeleme | @azure/arm-compute |
| VM’yi Durdurma | @azure/arm-compute |
| VM'yi Başlatma | @azure/arm-compute |
| Günlükler - İzleme SDK'sı yükleme | Bash |
| Günlükler - Uygulamanıza Express.js ekleme | applicationinsights |
| Günlükleri görüntüleme | Azure CLI Portal |
| Sil | @azure/arm-resources |
Visual Studio Code: JavaScript uygulamaları geliştirme ve hata ayıklama
| Görev | kullanma |
|---|---|
| Kod tamamlama | Visual Studio Code |
| Yerel uygulama Node.js ayıklama | Visual Studio Code |
| Yerel tam yığın hata ayıklaması | Visual Studio Code |
| Proje dosyalarında ve kodda gezinme | Visual Studio Code |
| Yerel Node.js çalıştırma | Visual Studio Code |
Bu görevleri destekleyen örnekler
| Ad | Açıklama |
|---|---|
| React API'si ile uygulama kullanma | Azure İşlev API'si ile React/TypeScript istemci uygulamasını yerel olarak derleme ve azure statik web uygulamasına GitHub dağıtma. ÖğreticiÖrnek kod |
| React Hizmetleri kullanarak uygulama kullanma | React/TypeScript istemci uygulamasını yerel olarak derleme ve azure statik web uygulamasına dağıtma GitHub. ÖğreticiÖrnek kod |
| React Azure Blob'lara dosya Depolama yükleme | Bu örnek proje, Azure React Bloblarına yüklemek için bir dosya seçmek için html formuna sahip bir TypeScript Depolama çerçeve istemci uygulamasıdır. ÖğreticiÖrnek kod |
| React düğmesiyle uygulamayı açma | Bu öğreticide yerleşik olarak yer alan SPA, React görevleri olan bir uygulamadır (create-react-app): * Office 365 veya Outlook.com gibi Microsoft tarafından desteklenen bir oturum açma bilgileri kullanarak oturum açma * Uygulamada oturumu kapatma ÖğreticiÖrnek kod |
| MongoDB ile Azure İşlevi uygulaması | MongoDB veritabanı işlevselliği şunları içerir: * Öğe Ekle * Öğeyi KIMLIĞE göre Sil * Öğeyi KIMLIĞE göre al * Tüm öğeleri Al ÖğreticiÖrnek kod |
| Azure işlevi uygulaması dosyayı Blob 'a yükleme Depolama | bu makalede, dosya içeriğini apı 'den Depolama taşımak için bir çıkış bağlamayı kullanarak azure Depolama bir dosya yükleyen azure işlev apı 'si oluşturma işlemi gösterilmektedir. * azurite Depolama öykünmesi ve Azure işlevleri temel araçları ile yerel olarak geliştirin ve çalıştırın. * Azure işlevlerine bir Depolama kaynağıyla dağıtma * Application Insights günlükleri gözden geçirin ÖğreticiÖrnek kod |
| Kaynak gruplarını yönetmek için Azure Işlevi uygulaması | Bu makale serisinde, Azure kaynak gruplarını yönetmek için API 'lerle bir Azure Işlev uygulaması oluşturacaksınız. Bu makale serisinin özellikleri ve işlevleri: * Visual Studio Code 'de yerel Azure Işlevi uygulama projesi oluşturun * Visual Studio Code işlev API 'si ortak kodu oluşturma * Azure Işlevleri 'ne dağıtın * Hizmet sorumlusu oluştur * Yerel ve uzak uygulama ayarlarını yapılandırma * Hem yerel hem de uzak ortamlarda DefaultAzureCredential kullanın * Azure kimlik ve Azure Kaynak yönetimi API 'Lerini kullanmak için Azure SDK 'Larını kullanma * Aboneliğinizdeki kaynak gruplarını oluşturmak, silmek ve listelemek için yerel ve bulut API 'lerinizi kullanın. Makale serisiÖrnek kod |
| MongoDB veritabanı ile uygulama Express.js | Öğreticide, uzantıları kullanarak projenin yerel olarak VSCode ile nasıl yükleneceği ve çalıştırılacağı gösterilmektedir. Bu, kodu bir App Service üzerinde uzaktan nasıl çalıştıracağınızı de göstermektedir. öğretici, mongo apı 'si için bir Cosmos DB kaynağı oluşturmayı, bağlantı bilgilerini almayı ve app service yapılandırma ayarında bir bulut veritabanına bağlanmak için ayarlamayı içerir. ÖğreticiÖrnek kod |
| Cloud-init dosyası ile VM 'ye dağıtılan Express.js uygulama | Express.js uygulaması için bir Linux sanal makinesi (VM) oluşturun. VM, bir cloud-init yapılandırma dosyası ile yapılandırılır ve bir Express.js uygulaması için ngınx ve bir GitHub deposu içerir. VM çalışmaya başladıktan sonra sanal makineye SSH ile bağlanabilir, Web uygulamasını izleme günlüğü içerecek şekilde değiştirebilir ve ortak Express.js sunucusu uygulamasını bir Web tarayıcısında görüntüleyebilirsiniz. ÖğreticiÖrnek kod |
| GraphQL sunucusuz işlevi | TypeScript ile Hello World, Azure Işlevine dağıtmaya hazırlanın. Örnek kod |
| GraphQL sunucusuz CRUD işlevi | Azure Işlevine dağıtmaya hazırlanma, TypeScript ile CRUD işlemleri. Örnek kod |
| GraphQL statik Web uygulaması | React istemcisi ve Azure işlevi ile statik web uygulaması, her ikisi de, Cosmos DB SQL apı 'sinde bulunan verilerle birlikte bir oyun gösteren paylaşılan TypeScript modelleriyle birlikte. Örnek kod |
https://github.com/azure-samples/js-e2eJavaScript veya TypeScript kod örnekleri bulmak veya göndermek Için JavaScript uçtan uca kod parçacıkları koleksiyonunu kullanın.
Belirli kullanım durumunu destekleyen daha fazla örnek bulmak için Azure örnekleri tarayıcısını kullanın.