Прежде чем начать статью, я хотел бы порекомендовать несколько хороших статей, которые стоит прочитать! Если вам интересно, вы также можете посмотреть!

Сегодняшняя рекомендация: как спроектировать разумную архитектуру внешнего интерфейса Vue

Ссылка на статью：https://cloud.tencent.com/developer/article/2474349

В этой статье представлено подробное руководство по проектированию архитектуры внешнего интерфейса Vue с подробным содержанием и четкими шагами, которое будет полезно как новичкам, так и опытным разработчикам.

введение

Не знаю, помнят ли еще кто-нибудь из студентов, что когда я разрабатывал агент, была функция, которая автоматически генерировала изображения сертификатов, что было и удобно, и практично. Сегодня мы познакомим вас с тем, как быстро создавать изображения и, самое главное, без необходимости проходить через HTTP Звонок значительно повышает удобство и эффективность работы. Итак, сегодняшний герой EdgeOne,Это продукт, который не только имеет функцию ускорения,Существует также надежная защита CDN Служить. Стоит отметить, что на данный момент Рендеринг изображение — это лишь малая часть его многочисленных особенностей,И эта функция теперь бесплатная.,Это определенно пробная возможность, которую вы не можете упустить!

EdgeOne

Рендеринг изображения

Сначала нам нужно войти в консоль Tencent Cloud и найти EdgeOne Официальный вход выглядит так, как показано на рисунке ниже.

image

Далее перейдите в EdgeOne Открыв консоль, мы можем напрямую увидеть бесплатный рендеринг. изображения, нет необходимости активировать какие-либо дополнительные услуги или функции.

image

Сразу после этого мы можем беспрепятственно просмотреть доступную библиотеку шаблонов, которая содержит множество практических шаблонов, которые пользователи могут выбирать и применять. В настоящее время эта библиотека шаблонов все еще обновляется и улучшается, поэтому, если вы заинтересованы в новейших функциях или шаблонах, рекомендуется опробовать ее как можно скорее.

Кроме того, этот плагин, несомненно, является очень практичным инструментом для разработчиков, пишущих интеллектуальные агенты. Он не только обеспечивает обширную поддержку шаблонов, но также обеспечивает простую и удобную стыковку, что значительно повышает эффективность и удобство разработки. Для нуждающихся – это хорошая возможность, на которую стоит обратить внимание и воспользоваться ею.

image

Конечно, если вы чувствуете, что существующая библиотека шаблонов не может удовлетворить ваши потребности, вы можете создать пустой шаблон, исходя из вашей конкретной ситуации и потребностей дизайна. Как показано на рисунке:

image

Эту конструкцию можно полностью реализовать с помощью чистого HTML и CSS, а модуль данных вынести отдельно, что делает управление более удобным и эффективным. Основная функция модуля данных — динамическое создание текстового контента. Таким образом, вы можете легко повторно использовать один и тот же шаблон и гибко применять его в разных сценариях, просто изменяя часть данных.

Быстрая стыковка

вызов API

Этот метод удобен и быстр, но важно отметить, что возвращается двоичное содержимое изображения, то есть исходные данные изображения. При стыковке вы должны убедиться, что этот формат двоичных данных можно правильно обработать и преобразовать в пригодную для использования форму изображения. Для лучшего понимания и реализации ниже приводится ссылка на официальный документ API для справки и подробное описание интерфейса и его использования.

image

Вы можете скопировать их напрямую, не записывая код Python самостоятельно. В Интернете есть множество веб-сайтов, которые конвертируют коды онлайн, и вы можете просто генерировать их напрямую. Как показано на рисунке:

image

После запуска вы можете увидеть следующие результаты:

image

Это недопустимый URL-путь, но вы можете сохранить и обработать его на своем сервере. Если вы хотите вернуть URL-путь непосредственно пользователю, рекомендуется попробовать следующий метод.

Генерация шифрования

Этот метод особенно подходит для стыковки с интеллектуальными агентами и может быть удобно предоставлен каждому для использования. Вам нужно только заранее определить шаблон и реализовать алгоритм шифрования в узле кода, и система сгенерирует действительный путь URL-адреса на основе этого алгоритма. Сгенерированный путь будет автоматически проанализирован EdgeOne и возвращено соответствующее изображение. Конкретные этапы работы и соответствующие руководства приведены на рисунках ниже:

image

В этом разделе показана только реализация Node.js, что может быть неудобно для студентов, привыкших использовать Python, поскольку большинство платформ агентов основаны на узлах Python. Однако это не имеет значения, я разобрал соответствующий код и вставил его ниже для вашего удобства. Вы можете напрямую скопировать и использовать его, чтобы каждый мог более удобно реализовать соответствующие функции. Код выглядит следующим образом:

import json
import urllib.parse
import hashlib
from datetime import datetime

def get_template_info(id,name,title,company):
    template_id = 'ep-DeX7gYHgg343'
    params = {
            "title": «Почетная грамота»,
            "subtitle": "CERTIFICATE OF HONOR",
            "text": "",
            "name": f"{name}",
            "descriptionPrefix": «Работайте усердно и добейтесь выдающихся результатов в 2024 году, и вы будете оценены как наша компания»,
            "descriptionSuffix": ", данный сертификат выдан в качестве поощрения",
            "descriptionTitle": f"{title}",
            "signatureName1": "2025-01-01",
            "signatureTitle1": "дата",
            "signatureName2": f"{company}",
            "signatureTitle2": «Выдающее подразделение»
    }
    return template_id,params

def get_final_url(template_id,params):
    # URL префикс
    url_prefix = ''
    # Формат изображения, заданный в шаблоне
    format = 'png'
    # пользователь Id
    user_id = ''
    # шаблон Id
    # template_id = template_id
    # Создать подпись API Key
    api_key = ''
    # Введите здесь параметры шаблона, которые необходимо изменить.
    # params = {}
    
    # параметры пары key Сортировать
    sorted_keys = sorted(params.keys())
    # параметры пара для сращивания
    search_params = '&'.join(f'{key}={params[key]}' for key in sorted_keys)
    
    # Данные для подписи
    sign_data = json.dumps({
        'apiKey': api_key,
        'searchParams': search_params,
    }, ensure_ascii=False,separators=(",", ":"))
    # return sign_data
    # вызов md5 Создать подпись
    sign = generate_md5(sign_data)
    
    # Включено в конечный путь
    final_url = f"{url_prefix}/{sign}/{user_id}/{template_id}.{format}?{search_params}"
    encoded_path = urllib.parse.quote(final_url, encoding='utf-8')
    return encoded_path

def generate_md5(sign_data):
    # создавать MD5 Хэш-объект
    md5_hash = hashlib.md5()
    # возобновлять Хэш-объект
    md5_hash.update(sign_data.encode(encoding='UTF-8'))
    # Получить шестнадцатеричное значение хеш-функции
    return md5_hash.hexdigest()

def main(params):
    template_id,param = get_template_info(params['id'],params['name'],params['title'],params['company'])
    final_url = get_final_url(template_id,param)
    output = {
        'final_url': final_url,
    }
    return output

Этот код полностью переведен по примерам в официальной документации. Поскольку выходной путь URL-адреса может содержать некоторые китайские символы, многие платформы агентов не могут правильно анализировать и обрабатывать эти пути, поэтому мы добавили дополнительный этап кодирования URL-адресов. Таким образом, можно гарантировать, что китайские символы в URL-адресе закодированы правильно, тем самым гарантируя, что путь может быть проанализирован и нормально использован различными платформами.

Конечным результатом является то, что соответствующая информация изображения может быть возвращена и плавно отображена через закодированный путь.

image

Подвести итог

Вспоминая сегодняшнюю беседу, мы не только рассмотрели, как быстро создать образ сертификата агента, но и узнали больше о EdgeOne Мощный рендеринг обеспечен функция изображения. Специально для разработчиков агентов, беспрепятственная интеграция этой функции с Генерацией шифрованияметод,Это, несомненно, отличный инструмент для повышения эффективности разработки.。вместе сшаблон Библиотека постоянно совершенствуется,Более практичные функции будут запущены постепенно.,Вы можете воспользоваться этой возможностью бесплатной пробной версии. в общем,EdgeOne 的Рендеринг Функция изображения — редкий и полезный помощник разработчиков в повседневной работе.

Я Сяоюй, трудолюбивый серверный программист Java, который посвятил себя изучению тайн технологии искусственного интеллекта. Мне нравится техническое общение и обмен информацией, и я увлечен сообществом открытого исходного кода. Он также является креативной звездой Tencent Cloud, блогером-экспертом Alibaba Cloud, экспертом по совместному использованию облачных облаков Huawei и выдающимся автором Nuggets.

💡 Я без колебаний поделюсь своими личными исследованиями и опытом на техническом пути, надеясь вдохновить вас и помочь вам в обучении и росте.

🌟 Добро пожаловать, обратите внимание на трудолюбивого Сяоюй! 🌟