- 48
- 274 265
ScriptBytes
United States
เข้าร่วมเมื่อ 7 ธ.ค. 2019
My name is Jeff. My goal is to upload tech, gear, and programming videos focusing on the things that I use as a full time .Net and Angular developer.
NextJS Upload to Google Cloud Using Signed URL
Learn how to upload files to Google Cloud Storage in NextJS using a Signed URL. Signed URL's are a great option for granting temporary permission to users, or for uploading larger files.
In this demo I get the Signed URL using a server action.
I also cover how to create the service account and add the JSON Key to the project, as well as how to configure the CORS setting on your Google Cloud Storage bucket.
Google Cloud docs on uploading using Signed URLs:
cloud.google.com/storage/docs/samples/storage-generate-upload-signed-url-v4
Google Cloud docs on setting up CORS config:
cloud.google.com/storage/docs/using-cors#command-line
Github link for code from video:
github.com/ScriptBytes/NextJSDemo/tree/upload-signedurl
Follow me on social media!
Instagram: scriptbytes
Threads: www.threads.net/@scriptbytes
Check out my blog!
scriptbytes.io/
In this demo I get the Signed URL using a server action.
I also cover how to create the service account and add the JSON Key to the project, as well as how to configure the CORS setting on your Google Cloud Storage bucket.
Google Cloud docs on uploading using Signed URLs:
cloud.google.com/storage/docs/samples/storage-generate-upload-signed-url-v4
Google Cloud docs on setting up CORS config:
cloud.google.com/storage/docs/using-cors#command-line
Github link for code from video:
github.com/ScriptBytes/NextJSDemo/tree/upload-signedurl
Follow me on social media!
Instagram: scriptbytes
Threads: www.threads.net/@scriptbytes
Check out my blog!
scriptbytes.io/
มุมมอง: 1 905
วีดีโอ
NextJS Upload to Google Cloud Storage
มุมมอง 3.7K6 หลายเดือนก่อน
Learn how to use NextJS to Upload files to Google Cloud Storage! This video will show how to upload files to Google Cloud Storage using either a server action or an API route. These are both great options for smaller sized files. #googlecloud #programming #software Github link with code: github.com/ScriptBytes/NextJSDemo How to set up Application Default Credentials: cloud.google.com/docs/authe...
Task WhenAll vs Parallel ForEach
มุมมอง 5836 หลายเดือนก่อน
Learn the differences between Task WhenAll vs Parallel ForEach and when to choose the correct one for your .Net 8 applications. Choosing the right option could be critical for the performance of your applications. Task WhenAll is a great option for smaller batches of IO code that can all be done at one time. For example making 10 database queries at one time. Parallel ForEach is a good option f...
Memory Cache in Dotnet API
มุมมอง 3146 หลายเดือนก่อน
Learn how to add a memory cache into a dotnet 8 api. Using a memory cache for frequently accessed data is a quick and easy way to both improve the performance of your API and reduce network traffic and database calls. Github branch with code from this video: github.com/ScriptBytes/DemoApi/tree/memory-cache Follow me on social media! Instagram: scriptbytes Threads: www.threads.net...
.Net 8 API Role Based Authorization
มุมมอง 4.6K6 หลายเดือนก่อน
Learn how to add role based authorization to your .Net 8 API using the IClaimsTransformation interface. This is a great way to protect your .Net API routes based on whether your user has specific roles. Microsoft docs for IClaimsTransformation: learn.microsoft.com/en-us/aspnet/core/security/authentication/claims?view=aspnetcore-8.0#extend-or-add-custom-claims-using-iclaimstransformation Github ...
Blazor 8 Docker | Build a Blog - Ep 04.5
มุมมอง 1.7K7 หลายเดือนก่อน
Learn how to run a Blazor 8 application in Docker. I show how to set up Docker and Docker Compose to run our combo server/client Blazor 8 application. Since my application is using TailwindCSS, I also show how to add the node step in the dockerfile to build and minify our tailwindcss files. Code from this episode can be found here: github.com/ScriptBytes/BlazorBlogSeries/tree/episode045-docker ...
Blazor Blog Data Structures | Build a Blog - Ep 05
มุมมอง 2447 หลายเดือนก่อน
In this video I begin the process of designing our blog data structures in a way that will allow us to save the information to a database. I demo a couple ways of doing, including showing how Wordpress saves their data, how I'm doing using inheritance for each of the content block sections, and also using a json data column, which is how Notion saves their data. Code from this episode can be fo...
Blazor Server Code Syntax Highlighting with Highlight.js | Build a Blog - Ep 04
มุมมอง 4627 หลายเดือนก่อน
In this video I show how to add code syntax highlighting to my Blazor server side blog using Highlight.js. Since our pages are rendered on the server, we have to take extra steps to ensure that our javascript is getting called correctly. To do this we have to utilize a Razor Class Library and a javascript library module from Microsofts documentation page. Highlight.js website: highlightjs.org/ ...
Blazor Render Fragments | Build a Blog - Ep 03
มุมมอง 3547 หลายเดือนก่อน
In this episode of Build a Blog in Blazor, I show how Render Fragments work. Render fragments allow you to pass child content/html into your components that will be rendered inside your component. I show how to use the default ChildContent render fragment, as well as how to use multiple fragments and use them by name. Code from this episode can be found here: github.com/ScriptBytes/BlazorBlogSe...
Blog Layout and Design | Build a Blog - Ep 02
มุมมอง 5408 หลายเดือนก่อน
In this episode of Build a Blog in Blazor I begin to set up the overall layout and design of our site using Tailwind CSS. I use my original wordpress blog as a starting point and replicate the general layout of it. My main focus is to set up the navbar and post layout while making sure it is responsive and looks good on both large and small size screens. Code from this video found here: github....
Add Tailwind CSS to Blazor! | Build a Blog - Ep 01
มุมมอง 1.8K8 หลายเดือนก่อน
In this video of the Build a Blog series, I set up our initial Blazor application and I show how to add Tailwind CSS to it. By default Blazor apps come with Bootstrap included, but I prefer to strip it out and use Tailwind. I show how to set up and configure Tailwind config file and how to use the Tailwind CLI along with npx to create the final css file. I also give some hints on how to run the...
Build a Blog in Blazor! Tutorial | Ep 00 - Introduction
มุมมอง 5698 หลายเดือนก่อน
Welcome to my new series where we are going to build a blog in Blazor version 8. In this tutorial series I am going to show the entire process of building a full stack, server side rendered, SEO friendly blog using Blazor 8, .Net, and Postgres. I am going to start with a goal of creating a small, working Minimum Viable Product, or MVP. If you want to follow along, I will be pushing all of my co...
Entity Framework Web API Tutorial .Net 8
มุมมอง 3.8K9 หลายเดือนก่อน
In this video tutorial I will show how to use Entity Framework with a Web Api. I will go over the basics of how the Entity Framework ORM works with mapping entities to database tables using the Database Context, how it generates the SQL queries, how it tracks changes to entities that you query, and how it uses that information to determine how to edit records. Link to the Github Repo with all o...
Manually Deploy to Cloud Run - Updated for Artifact Registry
มุมมอง 5K9 หลายเดือนก่อน
In this video I show how to manually deploy a Docker image to Cloud Run using Artifact Registry. This is an updated video, I did one previously that used Container Registry, but Google has since suggested to use Artifact Registry. I show how to create the image repository in Artifact Registry, how to build the image, how to authenticate docker with Artifact Registry, tag the image, push the ima...
Deploy to Cloud Run using Cloud Build and Artifact Registry
มุมมอง 2.6K10 หลายเดือนก่อน
Learn how to use Google Cloud Build to deploy an application to Cloud Run using the Artifact Registry. I show how to set up the Cloud Run Service, the repository in Artifact Registry, and the trigger in Cloud Build using a cloudbuild.yaml file. Github Repo for code reference. As of right now it's in the dev branch: github.com/ScriptBytes/DemoApi/tree/dev Follow me on social media! Instagram: in...
Call JavaScript From Blazor Web Assembly
มุมมอง 1K10 หลายเดือนก่อน
Call JavaScript From Blazor Web Assembly
Google Cloud Scheduler for Beginners
มุมมอง 2.9K11 หลายเดือนก่อน
Google Cloud Scheduler for Beginners
Monitor API's with Uptime Checks in Google Cloud!
มุมมอง 48811 หลายเดือนก่อน
Monitor API's with Uptime Checks in Google Cloud!
Upload and Download Files to Google Cloud Storage using .Net
มุมมอง 6Kปีที่แล้ว
Upload and Download Files to Google Cloud Storage using .Net
Import CSV to SQL Server using Azure Data Studio
มุมมอง 18Kปีที่แล้ว
Import CSV to SQL Server using Azure Data Studio
The Essential Docker Commands You Need to Know
มุมมอง 536ปีที่แล้ว
The Essential Docker Commands You Need to Know
Google Cloud SQL with a Public IP | Tutorial
มุมมอง 3.7Kปีที่แล้ว
Google Cloud SQL with a Public IP | Tutorial
Manually Deploy Docker Image to Google Cloud Run | Tutorial
มุมมอง 28Kปีที่แล้ว
Manually Deploy Docker Image to Google Cloud Run | Tutorial
Thank you so much for this great video!
you greatly helped me with my project too. Thank you so much for spending the time to make this content. I owe you.
Great video! Thanks! My question is how do I allocate volumes if I decide to host my container let's say on Google Cloud?
Thank you, an organized, clear and precise explanation to achieve the objective.
Brilliant, love that you showed the SQL and tips on optimizing the queries.
PS D:\mongoDB> docker compose up no configuration file provided: not found got this error
Thank you for the demonstration. I created a table with specific columns and want to import .csv file but which will import only the columns you define in the table.
Hi, thank you. Just one question, I'm getting 403
Even if the file is too large it will work fine on your localhost but in production it will definitely break. I got this error on my production build and it’s still not fixed. Still trying to figure it out with api routes do you have any idea?
You probably want to look into using Put SignedUrls. I’ve used those for large file uploads before and they work well
Great videos, Even works on the M3 mac
the mac m1 info is gold! thank you, you saved me hours of troubleshooting
Glad it helped!
Hi , how to send email notifications for failed cloud scheduler cron jobs?
Probably the easiest way is to set up an Alert. There are a couple ways to create it, but the easiest might be: Go to the Logs Explorer and add the filters you would like that apply to your cloud scheduler jobs. Once your filter is right, there is a "Create Alert" button on the the Logs Explorer page. Click that and follow the wizard to set up an alert to email you.
Muito bom me ajudou bastante, fico te devendo um café
How would you go about using authenticated user in a website environment to add permission to view a link within the google cloud when you are getting this message This XML file does not appear to have any style information associated with it. The document tree is shown below. <Error> <Code>AccessDenied</Code> <Message>Access denied.</Message> <Details>Anonymous caller does not have storage.objects.get access to the Google Cloud Storage object. Permission 'storage.objects.get' denied on resource (or it may not exist).</Details> </Error>
I think you mean how to allow users on your site to view objects stored in a private bucket? If so, you'll want to look into a GET SignedUrl in the GCS bucket.
@@scriptbytes thank for the tip, it really helped with the problem, I have been struggling with for 2 days and now I can finish development of the system
Thanks 👍 With Love from India 🇮🇳
Thank you. Clear, concise and exactly the information I was looking for.
Glad it was helpful!
nce video.I need to authenticate an api which has username and password.I will try this basic authentication.
nice video
Thanks for you Nice nice
i dont have index.cshtml page. I just have app.razor
My demo is using blazor WASM. I assume yours is a server side app? I haven't done this with a server app, but I think as long as you put the js link in whichever file has the <head> tag in it, I think it'll work.
how to call sp in PostgreSQL that returns rows ?
You would probably want to use FromSql<T>: learn.microsoft.com/en-us/ef/core/querying/sql-queries
@@scriptbytes thanks for ur reply. Actually I did use it. But in postgresql, if ur sp returns rows it has to have a refcursor which will contain rows and when u call sp from c# u need to run call ur_sp(params, 'cur'); fetch all in "cur". So this command not working if we use ef
Great presentation
well done, thanks for posting
I love u
For people having issues with this not displaying any messages, type "@rendermode InteractiveServer" at the top of the page under the @inject line which allows events to start firing.
Scripts @ 23:32 with -o and idempotent switch
Great, by the way I watched that you can implement authorization through middlewares. Is this an old approach or it is more about your preferences ?
You can definitely use middleware. We use middleware to add roles/claims for authenticated users in our api's.
great video thanks :)
worked for me!
nice explanation!
Thanks!
Helped me a lot :) Thank you so much =D
Nice. Love to see how to use JWT into this. I watch many videos and I always get a 404 not found. I sign in, and the API returns the JWT. I sigin into the API (top right) with Bearer {and token id}. And then try to access a Authorize http and bingo - I get 404 not 200 or 401. I'm going slowly crazy.
That is a little weird. I'm not sure why you would get a 404. If you add [AllowAnonymous] to whichever endpoint you're calling (just for a quick test), does that change anything?
In newer docker versions you can just call it 'compose.yaml" and you also don't need to add "version".
Thank you very much! You helped me a lot and your explanation is amazing.
You are welcome!
I've followed all the steps and it said: denied: Unauthenticated request. Unauthenticated requests do not have permission "artifactregistry.repositories.uploadArtifacts" on resource "projects/celtic-current-426414-j0/locations/southamerica-east1/repositories/vozis" (or it may not exist) exit:1 did it like 20 times even if the same names that u've did.
Thank you❤❤
Nice, but why all js functions start with "window.", its necessary?
It attaches the function to the browser's window object, effectively making them global.
Thank you!
It also works for deploying a service that manage a telegram bot?
I'm not sure what the requirements are for a telegram bot. Cloud Run is for short-lived requests. The maximum timeout is 1 hour, and it doesn't have a persistent disk (hard drive). If the bot can be run within those constraints, then yes.
This is A+ content. Thanks so much, definitely a sub from me!
I appreciate that compliment, and the sub! Thanks for watching.
I did everything listed in the video, but i cannot connect to the db via dbeaver client (i'm getting request time out). I tried checking stuff with chatgpt (all settings are correct, i can ping the external ip, i can connect to the db via GC's shell .. but not from dbeaver. I'm on Mac (drivers were installed). I'm stuck
Thanks so much. i was a suffering with a lot of issues, but your explanation is so clear. You have an image in docker, its necesary to tag, and to push to Artifact Registry and as a final step tu create a service in Cloud Ron to deploy the image.
Thanks a ton. This is very helpful for Mac users who love Microsoft Business Products and Services.
really detaille , I love it
Glad you like it!
Thank you so much! Helped me a lot. Your videos are amazing
Happy to help!
I didn't expect it will work on JetBrain Rider, but it works well Thanks 💯
Thank you very much for this video!!!!! I need it so bad and i just cannot find the right one until i saw yours!!!
What in case I already have a table and I want to append data
Dude you make it practical and easy to understand basic concepts for running mongoDB in docker. Enjoyed the video
I appreciate that, thank you!
Awesome, I was looking for this, thank you very much!
Glad I could help!