Hello World with a Service
Hello World with a Service example
Hello World example of the Vovk.ts controller with a service .
Result
Code
1export default class HelloWorldService {
2 /**
3 * Return a greeting
4 */
5 static getHello() {
6 return { greeting: 'Hello world!' };
7 }
8}
1export default class HelloWorldService {
2 /**
3 * Return a greeting
4 */
5 static getHello() {
6 return { greeting: 'Hello world!' };
7 }
8}
1export default class HelloWorldService {
2 /**
3 * Return a greeting
4 */
5 static getHello() {
6 return { greeting: 'Hello world!' };
7 }
8}
1export default class HelloWorldService {
2 /**
3 * Return a greeting
4 */
5 static getHello() {
6 return { greeting: 'Hello world!' };
7 }
8}
1import { get, prefix, openapi } from 'vovk';
2import HelloWorldService from './HelloWorldService';
3
4@prefix('hello-world-with-service')
5export default class HelloWorldControllerWithService {
6 @openapi({
7 summary: 'Get a greeting using a service',
8 description: 'Get a greeting from the server using a service',
9 })
10 @get('greeting')
11 static getHello() {
12 return HelloWorldService.getHello();
13 }
14}
1import { get, prefix, openapi } from 'vovk';
2import HelloWorldService from './HelloWorldService';
3
4@prefix('hello-world-with-service')
5export default class HelloWorldControllerWithService {
6 @openapi({
7 summary: 'Get a greeting using a service',
8 description: 'Get a greeting from the server using a service',
9 })
10 @get('greeting')
11 static getHello() {
12 return HelloWorldService.getHello();
13 }
14}
1import { get, prefix, openapi } from 'vovk';
2import HelloWorldService from './HelloWorldService';
3
4@prefix('hello-world-with-service')
5export default class HelloWorldControllerWithService {
6 @openapi({
7 summary: 'Get a greeting using a service',
8 description: 'Get a greeting from the server using a service',
9 })
10 @get('greeting')
11 static getHello() {
12 return HelloWorldService.getHello();
13 }
14}
1import { get, prefix, openapi } from 'vovk';
2import HelloWorldService from './HelloWorldService';
3
4@prefix('hello-world-with-service')
5export default class HelloWorldControllerWithService {
6 @openapi({
7 summary: 'Get a greeting using a service',
8 description: 'Get a greeting from the server using a service',
9 })
10 @get('greeting')
11 static getHello() {
12 return HelloWorldService.getHello();
13 }
14}
1'use client';
2import { useState } from 'react';
3import { BasicRPCWithService } from 'vovk-client';
4import type { VovkReturnType } from 'vovk';
5
6export default function HelloWorldExampleWithService() {
7 const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof BasicRPCWithService.getHello>>();
8
9 return (
10 <>
11 <button
12 onClick={async () => {
13 const response = await BasicRPCWithService.getHello();
14 setServerResponse(response);
15 }}
16 >
17 Get a greeting from the server
18 </button>
19 <div>{serverResponse?.greeting}</div>
20 </>
21 );
22}
1'use client';
2import { useState } from 'react';
3import { BasicRPCWithService } from 'vovk-client';
4import type { VovkReturnType } from 'vovk';
5
6export default function HelloWorldExampleWithService() {
7 const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof BasicRPCWithService.getHello>>();
8
9 return (
10 <>
11 <button
12 onClick={async () => {
13 const response = await BasicRPCWithService.getHello();
14 setServerResponse(response);
15 }}
16 >
17 Get a greeting from the server
18 </button>
19 <div>{serverResponse?.greeting}</div>
20 </>
21 );
22}
1'use client';
2import { useState } from 'react';
3import { BasicRPCWithService } from 'vovk-client';
4import type { VovkReturnType } from 'vovk';
5
6export default function HelloWorldExampleWithService() {
7 const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof BasicRPCWithService.getHello>>();
8
9 return (
10 <>
11 <button
12 onClick={async () => {
13 const response = await BasicRPCWithService.getHello();
14 setServerResponse(response);
15 }}
16 >
17 Get a greeting from the server
18 </button>
19 <div>{serverResponse?.greeting}</div>
20 </>
21 );
22}
1'use client';
2import { useState } from 'react';
3import { BasicRPCWithService } from 'vovk-client';
4import type { VovkReturnType } from 'vovk';
5
6export default function HelloWorldExampleWithService() {
7 const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof BasicRPCWithService.getHello>>();
8
9 return (
10 <>
11 <button
12 onClick={async () => {
13 const response = await BasicRPCWithService.getHello();
14 setServerResponse(response);
15 }}
16 >
17 Get a greeting from the server
18 </button>
19 <div>{serverResponse?.greeting}</div>
20 </>
21 );
22}
Last updated on