Как реализовать функцию «Поделиться фото в Вконтакте»?

Ссылка скопирована
0 ответов

Сейчас ситуация такая: есть сайт на Nextjs/App router для скачивания покупки фото. Планирую внедрить функцию поделиться фото в вконтакте для авторизованного пользователя. Для обхода проблем с авторизацией сделал роут /public/vk-share?share_image_url={{url}}.

По вводным: расскидал следующие мета данные в файле страницы /public/vk-share:

export async function generateMetadata({ searchParams, }: Props): Promise<Metadata> { const imageUrl = (await searchParams)[ EnPublicVkShareQueryParams.SHARE_IMAGE_URL ] return { title: 'Поделиться фото', description: 'Фото для публикации ВКонтакте', openGraph: { title: 'Поделиться фото', description: 'Фото для публикации ВКонтакте', url: `https://${ENV_FRONTEND_DOMAIN}${ROUTES.PUBLIC_VK_SHARE({ [EnPublicVkShareQueryParams.SHARE_IMAGE_URL]: imageUrl }).toString()}`, siteName: 'React app', images: [ { url: imageUrl, width: 383, height: 253, alt: 'Shared image', }, ], type: 'article', }, other: { image_src: imageUrl, }, } }

По вводным: в защищенной авторизацией странице есть ссылка поделиться фото в вк:

<Link href={`https://vk.com/share.php?url=https://${ENV_FRONTEND_DOMAIN}/public/vk-share?share_image_url=${url}`} >...</Link>

Сейчас ситуация такая: ссылка кидает на страницу вк "Поделиться ссылкой". Но при отправке ссылки не отображается картинка

Сейчас ситуация такая: скорее всего я использую не тот api вк для отправки картинки, и скорее всего не так использую мета-теги но не могу найти информацию для этой функции в интернете. Был бы признателен если кто-то рассказал как это делать правильно.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно