current position:Home>1 minute serverless quickly build a real website to lead the cat super card: scene experience of "rapidly build a zblog blog system"
1 minute serverless quickly build a real website to lead the cat super card: scene experience of "rapidly build a zblog blog system"
2022-06-24 09:50:46【Alibaba cloud cloud Lab】
Introduction to the experience
The scenario will use Alibaba cloud functions to calculate ,Serverless Application Center ,NAS Let's show you 1 minute Serverless Build a personal website at top speed .
Gift collection :
https://developer.aliyun.com/adc/series/activity/serverless2022
Background
For all programmers , The joy brought by the first successful establishment of the station is very profound . Whether the station can be successfully built , It is a key action for many programmers to mature . This experiment will build Z-Blog For example, blog , Let you feel the low cost of function calculation and website maintenance 、 No operation and maintenance 、 High availability, etc .Zblog Is a small and powerful based on Asp Platform Blog Program . It is very helpful for novices to operate , You can quickly build your own website .
Function calculation :
Function computing is an event driven fully managed computing service . Use functions to calculate , You don't need to purchase and manage infrastructure like servers , Just write and upload the code . Function calculation is ready for you to calculate resources , Run tasks flexibly and reliably , And provide log query 、 Performance monitoring, alarm and other functions . Function calculations help you avoid managing servers (Serverless), Just focusing on function code can quickly build applications . Function computation can scale elastically , You just have to pay by usage .
Serverless Application Center :
Alibaba cloud Serverless Application lifecycle management platform . adopt Serverless Application Center , Users do not need additional cloning before deploying the application 、 structure 、 Packaging and publishing operations , Quickly deploy and manage applications .Serverless The application center helps users quickly link the upstream and downstream services on the cloud , Easily precipitate best practices .
File store NAS:
File store NAS Is a large-scale shared access , Elastic expansion of high-performance cloud native distributed file system . Support intelligent hot and cold data layering , Effectively reduce data storage costs . It is widely used in enterprise application data sharing 、 Containers 、AI machine learning 、Web Services and content management 、 Application development and testing 、 Media and entertainment workflow 、 Database backup and so on .
preparation
Before experiencing this scene , You need to open the following services :
Function calculation FC:https://fcnext.console.aliyun.com/
Hard disk hanging NAS:https://nasnext.console.aliyun.com/
There is no cost in the construction process , For long-term use, please read function calculation carefully (FC) Cost of using resources , Avoid unexpected expenses ; For example, it is only for experience function without long-term use , Please follow the last deletion steps of the document , Delete immediately after deployment .
- Hard disk mount storage costs :https://help.aliyun.com/document_detail/54301.html
- Function to calculate the cost of using resources :https://www.aliyun.com/price/product
Create a blog
Enter the function calculation console :https://fcnext.console.aliyun.com/overview
Click the Apply button on the left :
notes : If you have used the application center before , After clicking apply, a page similar to the following appears :
At this time, you can click “ Create an ” Button to continue the process .
Click application / After creating the application , You can see the list of apps :
Choose “Zblog” that will do :
Choose Create now , Then choose direct deployment :
At this time, you also need to pay attention to the role name part on the page , for example :
At this time, you need to click to authorize , When the authorization is completed, you may be prompted :
You need to continue clicking to authorize :
When finished, click the Create button at the bottom of the page :
Wait a moment here , Wait for creation to complete , You can see the access domain name :
At this point, you can open the access domain name to Zblog initialization , First, read the agreement , And click agree , Go to the next step :
All the above contents have passed the test , There will be green checkmarks , At this point, you can click next :
choice SQLite database , And configure the site name and administrator information , And click next to complete initialization .
Wait a moment to see the result :
Now click finish , You can see the front page of the blog :
Now click finish , You can see the front page of the blog :
Add a path after your domain name :/zb_system/login.php Is the management address , for example :
Enter the administrator account and password just configured , You can enter the background of personal blog management , Start your own blog journey .
Train of thought expansion
Alibaba cloud Serverless Application Center , except Zblog outside , also Wordpress Etc. blog system , You can experience it by yourself :
# Filing options function Calculation
Purchase function calculation instance resource use package , The minimum 100 You can get ICP Filing service code ( If you buy from mainland China ( mainland ) To build and provide web services , Before opening the website, you need to ICP Keep on record .)
Address :https://common-buy.aliyun.com/package
copyright notice
author[Alibaba cloud cloud Lab],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2022/175/202206240903319480.html
The sidebar is recommended
- Fasthttp: go framework ten times faster than net/http (server)
- The difference between preload and prefetch and how to optimize in webpack projects
- Several ways of calling methods to transfer parameters in react render
- Axios usage
- LabVIEW finds prime numbers in an array of n elements
- Elementui form custom regular expression validation text box
- Export markdown to HTML, PDF with browser
- Experience summary of typescript transformation process of old vue2.x projects
- Front end development uses graphql -- vue3 uses graphql
- JS to get the last element of the array
guess what you like
About Axios request - delete method
The salon for the first anniversary of the open source of oasis, an ant interactive graphics engine, is coming. On February 26, we will see you in the live studio!
Best practices for cookie notification
How does HTML5 implement live streaming? It's worth learning!
Record webpackdemo configuration
Android studio uses iconfont Ali vector icon library
HttpMediaTypeNotSupportedException: Content type ‘application. yml/json; charset=UTF-8‘ not supported
CSS notes
Nginx enables geoip2 module to realize national city identification - the road to dream
Database to query the quantity of books lent in this month. If it is higher than 10, it will display "more than 10 books lent in this month". Otherwise, it will display "less than 10 books lent in this month"
Random recommended
- Baidu map API User Guide - Javascript API | JavaScript API GL | JavaScript API Lite
- [javascript question brushing] tree - verify binary search tree, leetcode 98
- JavaScript gets the current date() and converts it to mm / DD / yyyy, June 23, 2022
- Explanation of HTTP network protocol
- Vue3+vite3 to develop Netease cloud music Day1 backend environment
- You can't even tell how nginx forwarded the request to you. It's good to say that you're not a crud Engineer?
- Baidu map JavaScript API, the earth mode is always similar to the "night mode", solve!
- Vue- different interfaces after different roles log in
- Bugatti launched a two wheeled scooter with less than 1000 US dollars
- The publishing function written by Vue (the simple version of wechat applet cooperates with cloud data development), pictures can be submitted, words can only be printed, but not submitted (self-improvement submission)
- Front end export excel, JS xlsx export
- Wed, front-end Personal Learning Websites
- The project cannot run after webpack installation
- Webpack dev server cannot start normally cannot find module 'webpack / bin / config yargs‘
- Ajax request request plug-in on uniapp for its own use
- Determine whether a function exists in JavaScript - function_ exists
- [bug] @jsonformat has a problem that the date is less than one day when it is used
- Vue/js operation DOM full screen switch, full screen open dom requestFullscreen();
- [angular] angular removes the input spaces. The angular user-defined attribute instruction - prohibits the input box from entering spaces - and deletes the spaces in the copied content (with other solutions attached)
- Cruise is now charging for its driverless ride service in San Francisco
- Principles of vue3 compiler
- Reactiveeffect principle of vue3
- Patch update details for vue3
- Nexttick principle of vue3
- Pyqt5 how to make windows borderless and movable by dynamically loading the UI?
- How to open an account online for new bonds? Please bless me
- React usestate storage function
- CSS problem, card jitter
- () is a linear table that restricts the internal structure of data elements to only one character. A. Stack B. queue C. string D. array
- Reactnative 0.69 release
- The new design can be called a new generation. The gradient borderless grille has a high appearance value. The application drawing of Changan Ruicheng plus
- Render external link address URL video page via iframe - Vue
- Vue failed to parse source for import analysis because the content contains invalid JS syntax
- Differences between front-end set and map
- Difference between front-end foreach and map
- Front end array flattening
- How the front end judges the data type
- Front end CSS style expand and collapse
- Front end array de duplication
- Front end throttling and anti shake