![\"building-a-web-app-with-adonisjs\"](\"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2022\/09\/building-a-web-app-with-adonisjs.jpg\")
<\/p>\nLet’s start AdonisJS Group routing and controller management in the code now by creating some routes and controllers.<\/p>\n
For anyone unaware of the term routing in terms of web development, it is a mapping of URLs and their handlers that you want to handle your app.<\/p>\n
Now, we have the AdonisJS Router pretty well covered, and let’s go ahead and move into cleaning up our route files by extracting our route definition’s route handlers into what’s called a controller and out of the route definition itself.<\/p>\n
<\/p>\n
Controllers<\/a> are a JavaScript Class that is the default export of its file. By default, AdonisJS controllers<\/a> reside within the app\/Controllers\/HTTP directory. A specific Http directory exists because we can have different types of controllers, such as WebSocket controllers.<\/p>\n Firstly, within AdonisJS it’s common to have a Controller per resource, for example for a Post model we did have a PostsController<\/strong>, for a Series model we’d have a SeriesController<\/strong>, and for a Topic model we did have a TopicsController<\/strong>.<\/p>\n Also, we did move the route handler from the route definition below<\/p>\n After then, to say the route definition to use the PostsController<\/strong> and specifically and it is index method, we did provide an object path string as the second argument in our route definition but of the handler itself instead.<\/p>\n When you need to create a controller, as with most things in AdonisJS, here we have two options. We can create the file and I always prefer to create my controllers<\/a>.<\/p>\n At present, one thing you may consider is that AdonisJS provides a commented-out line importing the type HttpContextContract when you create a new non-resource controller.<\/p>\n Since this is the TypeScript type for our HttpContext object. When we define our route handlers directly in the route definition for AdonisJS has the ability to provide the type for the HttpContext object that is provided as the argument for our callback function.<\/p>\n Therefore, when you create a new controller without any resource flag, this is what AdonisJS will start you with, and note the HttpContextContract import that is commented out for your convenience.<\/p>\n Love to Code? We\u2019re Your Helping Partner,\u00a0click here for<\/a>\u00a0\u00a0Buy Our Service<\/a><\/em><\/strong><\/p>\n After then, when you create a new controller with the resource flag, this is what AdonisJS will start you with.<\/p>\n And you can note the HttpContextContract is imported and set as the type for each of the parameters of the method.<\/p>\n Namespacing<\/a> is a way to group files and code based on permissions, functionality, or really any other reason that you need to group files and code together for your application.<\/p>\n Now we could say our HTTP Controllers are namespaced to App\/Controllers\/Http.<\/p>\n And we could say our Websocket controllers are namespaced to App\/Controllers\/Websocket.<\/p>\n Here we give some Controller Namespace that usages are common:<\/p>\n So now, we want a new PostsController<\/strong> within the Namespace Admin and we could run the following Ace CLI command to create that Namespace and Controller like the below command<\/p>\n AdonisJS provides a method that we can chain off our route definition called namespace<\/strong> and that we can use to define the Namespace to use for the Controller in our application<\/p>\n You can check our previous article:\u00a0AdonisJS: REST API simple CRUD Operation<\/a>. IF you want then buy a good, reliable, secure web\u00a0hosting<\/a>\u00a0service \u00a0from here:\u00a0click here<\/a><\/em><\/strong><\/p>\n Finally, we have got our route definitions all cleaned up.<\/p>\n And using Controllers and we are already starting to discuss resources.<\/p>\n Now would be a great time to dive into resources further and fully learn them.<\/p>\n If you enjoyed reading this article and have more questions please reach out to our\u00a0support team<\/a>\u00a0via live chat or\u00a0email<\/a>\u00a0and we would be glad to help you. we provide server\u00a0hosting<\/a>\u00a0for all types of need and we can even get your\u00a0server<\/a>\u00a0up and running with the service of your choice.<\/p>\n","protected":false},"excerpt":{"rendered":" Let’s start AdonisJS Group routing and controller management in the code now by creating some routes and controllers. For anyone unaware of the term routing in terms of web development, it is a mapping of URLs and their handlers that you want to handle your app. Now, we have the AdonisJS Router pretty well covered, […]<\/p>\n","protected":false},"author":8,"featured_media":5295,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[152,157,25,158,159,1],"tags":[54,47,105,103,48,113],"class_list":["post-5294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adonisjs","category-centos-7","category-web-hosting-virtualization","category-linux-basics","category-linux-server","category-virtual-private-servers","tag-best-vps-hosting-server-maryland","tag-cheap-cloud-servers","tag-cheap-storage-server-hosting","tag-cheapest-vps","tag-dedicated-server-hosting-in-washington-d-c","tag-speed-test-vps"],"yoast_head":"\n\/\/ app\/Controllers\/Http\/PostsController.ts\r\n\r\nexport default class PostsController {\r\n}\r\n<\/pre>\nSo now, for the following route definition like below<\/strong><\/h5>\n
Route.get('\/posts', async ({ view }) {\r\nreturn view.render('posts\/index')\r\n})\r\n<\/pre>\nRoute.get('\/posts', \/* Goodbye route handler *\/)\r\n<\/pre>\nLet\u2019s see to the PostsController below<\/strong><\/h6>\n
\/\/ app\/Controllers\/Http\/PostsController.ts\r\n\r\nexport default class PostsController {\r\npublic async index({ view }) {\r\nreturn view.render('posts\/index')\r\n}\r\n}\r\n<\/pre>\nYou can purchase your\u00a0hosting from Cloudsurph.com<\/a>,\u00a0Cloudsurph hosting<\/a>\u00a0is a reliable hosting option for business and personal projects. We offer insight and help on system configuration issues and code errors or bugs<\/strong>.<\/em><\/h5>\n
Route.get('\/posts', 'PostsController.index')\r\n<\/pre>\nCreating A Controller<\/h3>\n
node ace make:controller --help\r\n-------------------------------\r\nMake a new HTTP controller\r\n\r\nUsage: make:controller <name>\r\n\r\nArguments\r\nname Name of the controller class\r\n\r\nFlags\r\n-r, --resource Add resourceful methods to the controller class\r\n-e, --exact Create the controller with the exact name as provid\r\n\r\nSo, based on the above code, in order to create our posts controller, now we want to run the following command\r\n\r\nnode ace make:controller Post\r\n-----------------------------\r\nCREATE: app\/Controllers\/Http\/PostsController.ts\r\n<\/pre>\n
TypeScript and the HttpContext<\/h3>\n
\/\/ \u2193 AdonisJS can provide the type automatically\r\nRoute.get('\/posts', async ({ view }) => {\r\nreturn view.render('posts\/index')\r\n})\r\n<\/pre>\nDefault Controllers<\/h3>\n
\/\/ import { HttpContextContract } from '@ioc:Adonis\/Core\/HttpContext'\r\n\r\nexport default class PostsController {\r\n}\r\n<\/pre>\nimport { HttpContextContract } from '@ioc:Adonis\/Core\/HttpContext'\r\n\r\nexport default class PostsController {\r\npublic async index ({}: HttpContextContract) {\r\n}\r\n\r\npublic async create ({}: HttpContextContract) {\r\n}\r\n\r\npublic async store ({}: HttpContextContract) {\r\n}\r\n\r\npublic async show ({}: HttpContextContract) {\r\n}\r\n\r\npublic async edit ({}: HttpContextContract) {\r\n}\r\n\r\npublic async update ({}: HttpContextContract) {\r\n}\r\n\r\npublic async destroy ({}: HttpContextContract) {\r\n}\r\n}\r\n<\/pre>\nNamespacing Controllers and Routes<\/h3>\n
Creating A Controller Namespace<\/h3>\n
App\/{namespace}\/Controllers\/Http\r\n\r\nApp\/Controllers\/Http\/{namespace}\r\n\r\nApp\/Modules\/{namespace}\/Controllers\/Http\r\n<\/pre>\nnode ace make:controller Admin\/Post --resource\r\n----------------------------------------------\r\nCREATE: app\/Controllers\/Http\/Admin\/PostsController.ts\r\n<\/pre>\n
Pointing A Route to A Namespace<\/h3>\n
Route.group(() => {\r\n\r\n\/\/ this will use the controller at:\r\n\/\/ app\/Controllers\/Http\/Admin\/PostsController.ts\r\nRoute.get('\/posts', 'PostsController.index')\r\n\r\n\/\/ \u2193 informs all inner routes to use controllers defined here\r\n}).namespace('App\/Controllers\/Http\/Admin').prefix('admin')\r\n<\/pre>\n