Basic usage of Vovk Controller and Service.
1export default class BasicService {
2 /**
3 * Return a greeting
4 */
5 static getHello() {
6 return { greeting: 'Hello world!' };
7 }
8}
1export default class BasicService {
2 /**
3 * Return a greeting
4 */
5 static getHello() {
6 return { greeting: 'Hello world!' };
7 }
8}
1export default class BasicService {
2 /**
3 * Return a greeting
4 */
5 static getHello() {
6 return { greeting: 'Hello world!' };
7 }
8}
1export default class BasicService {
2 /**
3 * Return a greeting
4 */
5 static getHello() {
6 return { greeting: 'Hello world!' };
7 }
8}
1import { get, prefix } from 'vovk';
2import BasicService from './BasicService';
3
4@prefix('basic-with-service')
5export default class BasicControllerWithService {
6 private static basicService = BasicService;
7
8 @get('greeting', { cors: true })
9 static getHello() {
10 return this.basicService.getHello();
11 }
12}
1import { get, prefix } from 'vovk';
2import BasicService from './BasicService';
3
4@prefix('basic-with-service')
5export default class BasicControllerWithService {
6 private static basicService = BasicService;
7
8 @get('greeting', { cors: true })
9 static getHello() {
10 return this.basicService.getHello();
11 }
12}
1import { get, prefix } from 'vovk';
2import BasicService from './BasicService';
3
4@prefix('basic-with-service')
5export default class BasicControllerWithService {
6 private static basicService = BasicService;
7
8 @get('greeting', { cors: true })
9 static getHello() {
10 return this.basicService.getHello();
11 }
12}
1import { get, prefix } from 'vovk';
2import BasicService from './BasicService';
3
4@prefix('basic-with-service')
5export default class BasicControllerWithService {
6 private static basicService = BasicService;
7
8 @get('greeting', { cors: true })
9 static getHello() {
10 return this.basicService.getHello();
11 }
12}
1'use client';
2import { useState } from 'react';
3import { BasicControllerWithService } from 'vovk-client';
4import type { VovkClientReturnType } from 'vovk';
5
6export default function BasicExampleWithService() {
7 const [serverResponse, setServerResponse] =
8 useState<VovkClientReturnType<typeof BasicControllerWithService.getHello>>();
9
10 return (
11 <>
12 <button
13 onClick={async () => {
14 const response = await BasicControllerWithService.getHello();
15 setServerResponse(response);
16 }}
17 >
18 Get Greeting from Server
19 </button>
20 <div>{serverResponse?.greeting}</div>
21 </>
22 );
23}
1'use client';
2import { useState } from 'react';
3import { BasicControllerWithService } from 'vovk-client';
4import type { VovkClientReturnType } from 'vovk';
5
6export default function BasicExampleWithService() {
7 const [serverResponse, setServerResponse] =
8 useState<VovkClientReturnType<typeof BasicControllerWithService.getHello>>();
9
10 return (
11 <>
12 <button
13 onClick={async () => {
14 const response = await BasicControllerWithService.getHello();
15 setServerResponse(response);
16 }}
17 >
18 Get Greeting from Server
19 </button>
20 <div>{serverResponse?.greeting}</div>
21 </>
22 );
23}
1'use client';
2import { useState } from 'react';
3import { BasicControllerWithService } from 'vovk-client';
4import type { VovkClientReturnType } from 'vovk';
5
6export default function BasicExampleWithService() {
7 const [serverResponse, setServerResponse] =
8 useState<VovkClientReturnType<typeof BasicControllerWithService.getHello>>();
9
10 return (
11 <>
12 <button
13 onClick={async () => {
14 const response = await BasicControllerWithService.getHello();
15 setServerResponse(response);
16 }}
17 >
18 Get Greeting from Server
19 </button>
20 <div>{serverResponse?.greeting}</div>
21 </>
22 );
23}
1'use client';
2import { useState } from 'react';
3import { BasicControllerWithService } from 'vovk-client';
4import type { VovkClientReturnType } from 'vovk';
5
6export default function BasicExampleWithService() {
7 const [serverResponse, setServerResponse] =
8 useState<VovkClientReturnType<typeof BasicControllerWithService.getHello>>();
9
10 return (
11 <>
12 <button
13 onClick={async () => {
14 const response = await BasicControllerWithService.getHello();
15 setServerResponse(response);
16 }}
17 >
18 Get Greeting from Server
19 </button>
20 <div>{serverResponse?.greeting}</div>
21 </>
22 );
23}