Diligent Dev
Diligent Dev
  • 48
  • 479 475
⚡️ Azure Functions REST API with NodeJs - Part 3⚡️
In this video, we are going to make our Azure Functions REST API a bit more robust by changing the naming convention of our routes, adding middleware, and deploying our functions to Azure.
Part 1: ua-cam.com/video/jy08dnjOV1k/v-deo.html
Part 2: ua-cam.com/video/CqHyLQRpkI8/v-deo.html
Azure: azure.microsoft.com
Azure Storage Explorer: azure.microsoft.com/en-us/features/storage-explorer/
VS Code: code.visualstudio.com/
Azure VS Code Extension: marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-node-azure-pack
Thunder Client Extension: marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client
NodeJs Azure Table Storage Docs: docs.microsoft.com/en-us/azure/cosmos-db/table/how-to-use-nodejs
Timestamps
0:00 - Intro
0:24 - Endpoint Naming Conventions
2:25 - Adding Middleware
15:08- Deploying to Azure
20:44 - Wrap Up
Bitbucket Repo: bitbucket.org/TheDiligentDev/azure-rest-api-tut/src/master/
#Azure #NodeJs #API
Переглядів: 2 747

Відео

⚡️ Azure Functions REST API with NodeJs - Part 2 ⚡️
Переглядів 4,3 тис.2 роки тому
In this tutorial, we're going to add all of the CRUD operations to our Azure Functions with Node.Js. Part 1: ua-cam.com/video/jy08dnjOV1k/v-deo.html Part 3: ua-cam.com/video/F1vTrFAaYck/v-deo.html Azure: azure.microsoft.com Azure Storage Explorer: azure.microsoft.com/en-us/features/storage-explorer/ VS Code: code.visualstudio.com/ Azure VS Code Extension: marketplace.visualstudio.com/items?item...
⚡️ Functions REST API with NodeJs - Part 1 ⚡️
Переглядів 12 тис.2 роки тому
In this tutorial, we're going to be looking at building a REST API with Azure Functions, Node.js, and Azure Table Storage. In part 1, we'll set up our Azure Storage account and implement our POST method to create a blog post. Azure: azure.microsoft.com Azure Storage Explorer: azure.microsoft.com/en-us/features/storage-explorer/ VS Code: code.visualstudio.com/ Azure VS Code Extension: marketplac...
Node.js Azure Functions Introduction
Переглядів 18 тис.2 роки тому
In this video, we are going to look at Azure Serverless Functions with NodeJs. I'll show you how to set up and debug a basic Node.js Azure Function. Timestamps Intro - 0:00 Installing Azure Tool - 0:38 Setting Up An Azure Function Project - 1:38 Azure Function Walkthrough - 3:22 Debugging Azure Functions - 4:49 Wrap Up - 7:07 Azure Functions: azure.microsoft.com/en-us/services/functions/#featur...
Cryptocurrency Web and Mobile App with Quasar and Vue.js
Переглядів 3,4 тис.2 роки тому
In this tutorial, we're going to be creating a web and mobile cryptocurrency application using the exact same codebase utilizing Quasar. For those not familiar with Quasar, it's a convenient framework with a large component library and the ability to write your mobile and web applications at the same time. Timestamps 0:00 - Intro 0:27 - App Demo 1:41 - Quasar CLI Installation/Project Creation 3...
Ionic, VueJs, and Firebase - Photo Sharing Mobile App | Part 3 - Image and Map Display
Переглядів 2,3 тис.3 роки тому
In this video tutorial, we'll be building a Photo Sharing Mobile App utilizing the Ionic Framework, VueJs, and Firebase. In part 3, we'll be focusing on displaying the images and locations inside of our app. Google Maps API Key Instructions developers.google.com/maps/documentation/maps-static/get-api-key Ionic Framework ionicframework.com​ VueJs vuejs.org​ Firebase firebase.google.com​ Bitbucke...
Ionic, VueJs, and Firebase - Photo Sharing Mobile App | Part 2 - Native Camera and GPS
Переглядів 3,1 тис.3 роки тому
In this video tutorial, we'll be building a Photo Sharing Mobile App utilizing the Ionic Framework, VueJs, and Firebase. In part 2, we'll be focusing on the Native Camera and GPS plugins to take pictures and get the user's location. Ionic Framework ionicframework.com VueJs vuejs.org Firebase firebase.google.com Bitbucket Repo bitbucket.org/TheDiligentDev/photo-sharing-app-20201220162729/src/mas...
Ionic, VueJs, and Firebase - Photo Sharing Mobile App | Part 1 - App Setup and Authentication
Переглядів 9 тис.3 роки тому
In this video tutorial, we'll be building a Photo Sharing Mobile App utilizing the Ionic Framework, VueJs, and Firebase. In part 1 we'll be focusing on App setup and authorization. Ionic Framework ionicframework.com VueJs vuejs.org Firebase firebase.google.com Bitbucket Repo bitbucket.org/TheDiligentDev/photo-sharing-app-20201220162729/src/master/ Medium Article diligentdev.medium.com/ionic-fra...
Cocktail Recipe Mobile App with Ionic and Vue 3 - Part 4 Refactor
Переглядів 7723 роки тому
In part 1, we created our cocktail app using Ionic Framework/VueJS and also added our first tab to show a random cocktail. In part 2, we implemented search by ingredient functionality on Tab 2. In part 3, we added a search by drink name tab. And, in this last part, we'll do a quick refactor to make our code more maintainable. Part 1 - Random Cocktail Tab ua-cam.com/video/F0ritmbf5rs/v-deo.html ...
Cocktail Recipe Mobile App with Ionic and Vue 3 - Part 3 Cocktail Search
Переглядів 1,3 тис.3 роки тому
In part 1, we created our cocktail app using Ionic Framework/VueJS and also added our first tab to show a random cocktail. In part 2, we implemented search by ingredient functionality on Tab 2. And, in part 3, we’re going to be implementing a search by drink name functionality. Part 1 - Random Cocktail Tab ua-cam.com/video/F0ritmbf5rs/v-deo.html Parr 2 - Search By Ingredient ua-cam.com/video/B-...
Cocktail Mobile App with Ionic and Vue 3 - Part 2 Drinks By Ingredient
Переглядів 1,2 тис.3 роки тому
In part 1, we created our cocktail app using Ionic Framework and Vue. We also added our first tab to show a random cocktail. In this part, we're going to be implementing search by ingredient functionality on Tab 2. Part 1 - Random Cocktail Tab ua-cam.com/video/F0ritmbf5rs/v-deo.html Timestamps 0:00 - Intro 0:46 - Changing Tab Icon and Name 1:22 - Ingredients List Tab View 10:56 - Drinks By Ingr...
Cocktail Recipe Mobile App with Ionic and Vue 3 | Part 1 - App Setup and Random Cocktail
Переглядів 5 тис.3 роки тому
In this tutorial, we’re going to be creating a cocktail recipe mobile app using Ionic Framework and Vue 3. Our ionic mobile app will consist of 3 tabs: 1 for a random cocktail, another for searching by ingredient, and our last will be a blanket search. In part one, we’ll be focusing on setting up our development environment, creating our app, and implementing the first tab. Timestamps 0:00 - In...
Tinder Style Movie Night Picker With VueJs, Vuetify, and Firebase - Part 5 Matches & App Polish
Переглядів 1,2 тис.3 роки тому
Welcome back to part 4 of our Tinder Style Movie Night Picker. In this part, we’ll be focusing on adding and liking movies. We’ll be implementing it using Firestore, Vue, Vuetify, and Vuex. Part One - App Setup ua-cam.com/video/qK5I6b3ylAo/v-deo.html Part Two - Authentication ua-cam.com/video/mPLaF3zUf3M/v-deo.html Part Three - Partners ua-cam.com/video/GNCY8O05pXw/v-deo.html Part Four - Movies...
Tinder Style Movie Night Picker With VueJs, Vuetify, and Firebase - Part 4 Movies
Переглядів 8773 роки тому
Welcome back to part 4 of our Tinder Style Movie Night Picker. In this part, we’ll be focusing on adding and liking movies. We’ll be implementing it using Firestore, Vue, Vuetify, and Vuex. Part One - App Setup ua-cam.com/video/qK5I6b3ylAo/v-deo.html Part Two - Authentication ua-cam.com/video/mPLaF3zUf3M/v-deo.html Part Three - Partners ua-cam.com/video/GNCY8O05pXw/v-deo.html Timestamps 0:00 - ...
Tinder Style Movie Night Picker with Vue, Vuetify, Vuexfire, and Firebase | Part 3 - Adding Partners
Переглядів 1,2 тис.3 роки тому
Welcome back to part 3 of our Tinder Style Movie Night Picker. In this part, we’ll be focusing on adding partners. We’ll be implementing it using Firestore, Vue, and Vuex. Part One - App Setup ua-cam.com/video/qK5I6b3ylAo/v-deo.html Part Two - Authentication ua-cam.com/video/mPLaF3zUf3M/v-deo.html Timestamps 0:00 - Intro 0:29 - Adding Partner Id to Vuex Store 2:39 - Adding the Partner View 4:09...
Tinder Style Movie Night Picker with Vue, Vuetify, Vuexfire, and Firebase | Part 2 - Authentication
Переглядів 1,8 тис.4 роки тому
Tinder Style Movie Night Picker with Vue, Vuetify, Vuexfire, and Firebase | Part 2 - Authentication
Tinder Style Movie Night Picker with VueJs, Vuetify, Vuexfire, and Firebase | Part 1 - App Setup
Переглядів 2,6 тис.4 роки тому
Tinder Style Movie Night Picker with VueJs, Vuetify, Vuexfire, and Firebase | Part 1 - App Setup
Vue Datatables with BootstrapVue and Vuetify | Diligent Dev
Переглядів 23 тис.4 роки тому
Vue Datatables with BootstrapVue and Vuetify | Diligent Dev
Firebase Functions - Data Validation
Переглядів 6 тис.4 роки тому
Firebase Functions - Data Validation
Firebase Functions Authentication - The Diligent Dev
Переглядів 21 тис.4 роки тому
Firebase Functions Authentication - The Diligent Dev
Address Geocoding with Google Maps API, Firebase, and VueJs
Переглядів 8 тис.4 роки тому
Address Geocoding with Google Maps API, Firebase, and VueJs
Building a Chatbot with Vue.js and AWS Amplify
Переглядів 3,7 тис.4 роки тому
Building a Chatbot with Vue.js and AWS Amplify
VueJs Form Validation with Vuelidate | Diligent Dev
Переглядів 13 тис.4 роки тому
VueJs Form Validation with Vuelidate | Diligent Dev
VueJs Form Validation with VeeValidate | Diligent Dev
Переглядів 27 тис.4 роки тому
VueJs Form Validation with VeeValidate | Diligent Dev
VueJs Animation the Easy Way | Diligent Dev
Переглядів 19 тис.4 роки тому
VueJs Animation the Easy Way | Diligent Dev
Vue Forms Made Easy - Vue Formulate & Vue Form Generator
Переглядів 18 тис.4 роки тому
Vue Forms Made Easy - Vue Formulate & Vue Form Generator
Supabase - The Open-source Alternative to Firebase
Переглядів 10 тис.4 роки тому
Supabase - The Open-source Alternative to Firebase
Using Vue.js, Vuetify, and the SpaceX API to Create a Rocket Launch Timeline
Переглядів 2,9 тис.4 роки тому
Using Vue.js, Vuetify, and the SpaceX API to Create a Rocket Launch Timeline
Building a Language Translator in 20 Minutes with AWS Amplify and Vuejs
Переглядів 7604 роки тому
Building a Language Translator in 20 Minutes with AWS Amplify and Vuejs
Build a Realtime Full-stack ToDo App in 15 Minutes with Vue, Vuetify, VueFire, and Firebase
Переглядів 13 тис.4 роки тому
Build a Realtime Full-stack ToDo App in 15 Minutes with Vue, Vuetify, VueFire, and Firebase

КОМЕНТАРІ

  • @chimaobiwogu3361
    @chimaobiwogu3361 3 місяці тому

    Just what I needed. Thank you

  • @laurentcharles7179
    @laurentcharles7179 4 місяці тому

    Sadly it's not working anymore for the latest version.

  • @ed1nh0
    @ed1nh0 4 місяці тому

    Nice! Is the Slack URL exposed doing that way?

  • @Jota.script
    @Jota.script 5 місяців тому

    Great tutorial, thank you very much! Greetings from Brazil!

  • @hindj9142
    @hindj9142 7 місяців тому

    THANK YOU

  • @mrsdedrathompson
    @mrsdedrathompson 7 місяців тому

    I’m SOOOOO happy I find you and you speak ENGLISH 🎉 I subscribed just for that alone lol

  • @Emmy_Sploit
    @Emmy_Sploit 8 місяців тому

    i tried to import ValidationProvider but the newer version have no dist folder and it is throwing errors but when i import it from vee-validate the app looks blank what can i do???

  • @trojean.cedric
    @trojean.cedric 11 місяців тому

    Very great video with helpful information. Love it ❤. What do you use for your autocompletion?. Thanks

  • @mikefrederick6035
    @mikefrederick6035 11 місяців тому

    Have you considered reworking your set of tutorials? Trying to use your videos in November 2023. Nothing is the same. The entire environment is different. I like your style and method of teaching, but I can no longer follow along.

  • @sadekhossain9566
    @sadekhossain9566 Рік тому

    I get error like this : 2023-10-25T12:52:17Z [Error] Executed 'Functions.AzureFunctionTestModel3' (Failed, Id=124da43....., Duration=4ms)

  • @transportation-talk
    @transportation-talk Рік тому

    I am a beginner to the REST world, and confused about the need for cloud functions. Firestore has a REST API that allows CRUD operations. Why create another API?

  • @Angel-gy9pc
    @Angel-gy9pc Рік тому

    around 15.33 min in the video, i get this error: 27:1 error This line has a length of 96. Maximum allowed is 80 max-len Im not sure how to change this exactly?

  • @sanjayprasad7774
    @sanjayprasad7774 Рік тому

    Error: Request error. self-signed certificate in certificate chain AnyBody knows What this error means and how to resolve?

  • @J2day2
    @J2day2 Рік тому

    Hi Diligent Dev, this might be a long shot but I was wondering if you're available consulting wise? I have a firebase project that I am looking to implement data validation and limit queries for. Havent found anyone on Fiverr or Upwork who has the skill to take this on so thought I'd ask you! cheers James

  • @coryharkins1472
    @coryharkins1472 Рік тому

    Just remember craigslist will block you if you grab too much too fast. Throttle your calls folks.

  • @eduardboiko7219
    @eduardboiko7219 Рік тому

    Seems like this is not working anymore My god - I never thought I would praise AWS but working with Azure is so far worst experience I had with clouds

  • @mdawes306
    @mdawes306 Рік тому

    As a newbie, your instructions to install and get set up was not clear. I already had a vue 3 project that I wanted to have several data table in and thought your video would help. I could not get started at all. I tried to create all the folders you have and copy your codes for each and still it didn't work. I tried the get started documentation from vuetify and bootstrapVue and still not helpful

  • @nahausDE
    @nahausDE Рік тому

    wow awesome! I was searching for auth to use within my API in firebase cloud functions! thank you

  • @techpaiva
    @techpaiva Рік тому

    thanks!!! simple, clear and very quality !!!

  • @srenmadsen2602
    @srenmadsen2602 Рік тому

    Great tutorial/intro to Azure Functions! Small improvement: REST API design dictates you always use plural forms for your resource nouns. (blog-posts, not blog-post). Your path param "{id}" is what specifies that you are indeed retrieving a single post, not multiple. Also, but this is strictly personal opinion, I think "posts" would suffice.

  • @alexietuzon6113
    @alexietuzon6113 Рік тому

    Can I use vuetify without bootstrap? cuz im using tailwind. thanks

  • @shobhankumar.r139
    @shobhankumar.r139 Рік тому

    Does this need a blaze pay - as - you - go plan?

  • @amazontmint
    @amazontmint Рік тому

    For some reason validateAsync hung indefinitely. I just used validate, and also reformatted index's .use() to an if(validateBody), then createPostHandler

  • @AllRounder-dx2bh
    @AllRounder-dx2bh Рік тому

    How to deploy this app please make video on that. i am getting issue in it.

  • @fuadchonora
    @fuadchonora Рік тому

    Which theme are you using on Vscode? it's awesome!

  • @VladimirI-pc6sk
    @VladimirI-pc6sk Рік тому

    Hey thank you for a great explanation. Can you please advice on how to do this with events please?

  • @santiagosemhan8722
    @santiagosemhan8722 Рік тому

    It's possible create a src folder?

  • @sabarishni
    @sabarishni Рік тому

    Thank you so much!

  • @laxmisingh9217
    @laxmisingh9217 Рік тому

    I am trying to query Entity present in storage table. My code works when I try to run file from one agent machine but fails from another machine. I believe it is a proxy issue , how can I pass proxy while Querying for the entities in a table. Command I am simply running is : 'node jsfileName ' . Got below error : UnhandledPromiseRejectionWarning: RestError: connect ETIMEDOUT 52.239.***.***:443

  • @jadida2288
    @jadida2288 Рік тому

    very well explained

  • @larryeliemenye8105
    @larryeliemenye8105 Рік тому

    Great tutorial, deffo helpful for some who use vscode, but for others, your tutorial is practically useless as it relies too much on extensions(which change) and vscode itself.

  • @zerokifaco6076
    @zerokifaco6076 Рік тому

    how to make this api real time?

  • @lewyathan
    @lewyathan Рік тому

    For anyone reading this in the future and feeling overwhelmed by the content, this is not a tutorial (despite what's written in the description) to learn from, at best, this is a code narration. To learn, go watch video explaining the whys of things and actually read docs. You got this!

  • @TheGaurav0084
    @TheGaurav0084 Рік тому

    I am getting this after i do post request from postman: Server failed to authenticate the request. Make sure the value of Authorization header is formed correctly including the signature. RequestId:2dc83c2f-6002-006e-4d9d-021e28000000 Time:2022-11-27T20:17:21.0735889Z

  • @TheGaurav0084
    @TheGaurav0084 Рік тому

    Please update us on the new changes in azure tools. The options are different.

    • @pedrohw14
      @pedrohw14 Рік тому

      Hey Gaurav, I've got the same problem and I could find the solution. Here is the tutorial ua-cam.com/video/XnRwVuT5x24/v-deo.html

  • @sangtan6430
    @sangtan6430 Рік тому

    thank for this video, but how about authentication using phone number, I mean my server code using .net core and use firebase phone number authentication. I still dont know how to do, can you explain or give me key word. thank you again.

  • @BenjaminElsworth
    @BenjaminElsworth Рік тому

    tip for the other n00bs (like me) having a go at this (esp when you add more controllers) is to keep the app initialization in the index.js rather than calling it multiple times from each module.

  • @samsmith8279
    @samsmith8279 Рік тому

    This is an excellent video - however, am I doing someting wrong? My VSCode Azure extension does NOT have a Functions menu item but a Function App button, which does not follow the course sequence at all; no local folder is created but a huge array of Azure services are created (resource group, storage acct, app insights...). Have I missed a VSCode extension? (I would second Ahmet's request for SQL DB example - if I can get my VSCOde/Azure menus to look like the course displays.)

  • @fahathamm3965
    @fahathamm3965 2 роки тому

    Can use both vuetify and boostrap vue single project..?

  • @welkey90
    @welkey90 2 роки тому

    I always receive this and my url does not work with 500; exceptionType Microsoft.Azure.WebJobs.Script.Workers.Rpc.RpcException failedMethod System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw requestName GetPost requestDuration 231.0149 Could you please help me out here?

  • @welkey90
    @welkey90 2 роки тому

    Amazing video, thanks heaps! Could you make a vid where the DB is SQL? Even if not, still 5 stars!

  • @АлексейКондратьев-ь1е

    waiting for tutorial for Vue 3

  • @nguyenkhoi7058
    @nguyenkhoi7058 2 роки тому

    Can anyone help me ? I need to add scrolls for that single list, what option do i need ?

  • @barremathis6008
    @barremathis6008 2 роки тому

    Thanks for the video, now I would like to know how I can update my chart each a new data is inserted in my database. Do you know how to do it ?

  • @alirasheedmd
    @alirasheedmd 2 роки тому

    Great tutorial 👍

  • @thaliashospitality8364
    @thaliashospitality8364 2 роки тому

    Thanks

  • @alhaadiidb3354
    @alhaadiidb3354 2 роки тому

    tq so much for a great explanation.

  • @tanusirohi8678
    @tanusirohi8678 2 роки тому

    please make vedio on firestore validations using typescript also.

  • @jacsdev
    @jacsdev 2 роки тому

    what a great explanation, so easy to understand! thanks a lot mate

  • @CRRollyson
    @CRRollyson 2 роки тому

    So good! Thanks for both of these videos - especially loved this part 2 and the refactoring controllers/user.js example - practical and cleared up a mystery having a visual + explanation. Question on outputting the data in a html file: Is there a best approach? How would you organize that? Example, getting the list of users from the get /user endpoint and displaying in a users table? Not sure why I'm struggling with this bit. Thanks in advance for any insight or leads. Great channel and content √