Как вывести интерфейсы через консоль?

Question

[TTghost]

Здравствуйте, каким образом я могу сделать так чтобы написав в консоль допустим openInterface('Hud') мне открывался нужный интерфейс, под названием худ. Или же openInterface('Job') и открывался нужный написанный мною интерфейс работы?

Очень срочно! Всё лето измучался так и не нашел ответа.

Comments

[Kotaro Hiba]

Мб глупый вопрос, что вы вкладываете тут под понятием интерфейс? Интерфейсы из TypeScript7
Если нет и вопрос относится к реализации чего либо, мб есть наброски кода?

[Алексей]

Интерфейс вы имеете ввиду чтобы в браузерном окне открылась страница или что то подобное?

[TTghost]

SPART4K, да, в моем понятии это интерфейс, ну для игры, CEF, и хочу чтобы при написании кода в консоль openInterface('Hud') открылся худ, который я уже сам в дальнейшем в функции напишу.

[Алексей]

TTghost, если бы у вас было обычное native приложение это было бы возможно если бы вы объявили бы глобально эту функцию
Если после минификации кода - вряд-ли

[TTghost]

Алексей, добрый вечер, я работаю с Vue CLI и хочу создать отдельный javascript файл поместить его в какую либо папку, и написать в нём функцию, а именно:

function openInterface(interfaces) {
if (interfaces == 'Hud') {
console.log('Hud интерфейс успешно активирован')
}
}

И чтобы эта функция, после npm run serve моего Vue CLI проекта, работала в консоли, а иначе пробуя это делать мне вылезает что VM:тут рандомные числа, не находит данную функцию, даже если я этот javascript подключу к main.js, и каким образом я могу сделать так, чтобы этот javascript файл компилировался с такими js-файлами как: app.js, chunk-vendors.js, прошу Вас, молю! Объясните.

[TTghost]

Kotaro Hiba, function openInterface(interfaces) {
if (interfaces == 'Hud') {
console.log('Hud интерфейс успешно активирован')
}
}

[Kotaro Hiba]

Если я правильно понял, тебе нужно консольное приложение, которое ты упакуешь и сможешь вызывать в терминале как например "vue create"

В твоем случае должно быть что то вроде "openInterface name"

Просто vue cli предоставляет тебе вебпак настроенный из коробки и ничего более. Все что он соберет выполнится только в браузере.

Но я все равно не до конца понимаю смысла сие затеи.

[TTghost]

Kotaro Hiba, спасибо за ответ, эта затея нужна мне для использования Chromium Embedded Framework в игре, как использовать функции из index.html я уже понял, т.е в игре я напишу openInterface('Hud') и на экране появится тот самый худ, который взят из index.html.

Ну я думаю не особо важно зачем мне это, если вы знаете такую игру как "RADMIR RolePlay", там используется примерно такая же система Chromium Embedded Framework, где они через Vue создают интерфейсы для него.

Т.е, я хочу чтобы я создал javascript файл, назвал его допустим "hud.js", и далее хочу чтобы он смог скомпилироваться в vue cli, т.е допустим hud.тут хэш от компиляции.js, вот, и хочу чтобы после компиляции, все что в hud.тут хэш от компиляции.js была функция в консоли openInterface('Hud'),
то есть, эта команда мне нужна для того чтобы получать ее в игре, closeInterface нужно чтобы работал примерно таким же образом.

Допустим, я создам в hud.js функцию:
function openInterface(nameInterface) {
if (nameInterface == 'Hud') {
console.log('Hud успешно открыт');
// и тут создастся див который позже будет указан в css-файле, для настройки уже всего интерфейса.
}
}

Таким образом я должен в конечном итоге после компиляции получить такие файлы как:
js/hud.хэш.js,app.хэш.js,chunk-vendors.хэш.js
css/app.хэш.css,hud.хэш.css
index.html

и чтобы при открытии index.html я мог написать в консоль openInterface('Hud') и открывалось именно та функция что я указал выше

[TTghost]

Kotaro Hiba, консоль имеется ввиду в браузере, т.е просмотреть код, консоль а далее вызов функции - openInterface('Hud'), но всегда почему то пишет что функция не найдена, даже если я в main.js укажу import '@/assets/hud'
которое будет ссылаться на hud.js, и там будет функция
то пишет что функция undefined , не найдена, и пишет что он пытается найти ее в VM:и тут рандомные цифры.

[Kotaro Hiba]

TTghost, нет, ни с чем таким не работал, сможешь сделать короткое видео с примером который где то работает из той же "RADMIR RolePlay" это бы упростило решение вопроса

[Kotaro Hiba]

TTghost, Все я тебя понял, сейчас скину пример

[TTghost]

Kotaro Hiba, хорошо, сейчас скину вам пару скринов, видео записать не смогу.

На первом скрине мы видим, что нет интерфейса, на втором скрине я записываю в консоль openInterface('Tinting') что позволит открыть интерфейс работы тонировщика, и на третьем скрине мы уже видим сам интерфейс который открылся

[Kotaro Hiba]

1й вариант, ты можешь сохранять данные функции в window.functionName

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

// eslint-disable-next-line no-unused-vars
window.test = function test() {
  alert('test')
}

UPD ты сможешь потом в консоли их вызывать просто test() или window.test()

[TTghost]

Kotaro Hiba, Спасибо вам огромное! Я мучался над этим вопросом всё лето и только сейчас узнал что я могу задавать вопросы здесь, вы лучший человек.

[Kotaro Hiba]

2й вариант, vue-cli является средой для разработки, мы помним, что наше приложение которое мы соберем, мы будем подключать куда либо => в public к index.html подрубаешь файл со скриптами которые условно будут на проекте.

[TTghost]

Kotaro Hiba, последний Вам вопрос, еще раз спасибо огромное, как мне сделать чтобы я создал файл hud.js и допустим он при npm run build тоже компилировался и делался вот так: hud.хэш(пример хэша: 0f43910f просто рандом).js?

[Kotaro Hiba]

TTghost,
В 1ом варианте он входит в итоговый бандл
Во 2ом хеша не будет, но он будет как отдельный JS файл выносится при каждой сборке, для дальнейшего подключения.

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

[Kotaro Hiba]

В дополнение хочу сказать, что ты не мог их использовать потому что они меняли свои имена и в консоль соответственно не попадали, когда мы их к window приделываем в 1м варианте, то можем по данному св-ву в объекте на функцию.

Я думаю что тебе стоит поковыряться с настройками webpack для vue-cli, а так же посмотреть как делается финальная сборка проекта, т.к я думаю что предложенное мной решение не совсем корректное и большое подходит как временное.

[TTghost]

Kotaro Hiba, а как после компиляции проекта использовать это в index.html ? там теперь разные VM123 типо

[Kotaro Hiba]

TTghost, Если сборка настоенна корректно, точно так же как и в дев режиме, сервер отдает файлы по html файл по запросу в котором подключаются нужные скрипты, после чего открываешь консоль и используешь.

[TTghost]

Kotaro Hiba, как понять корректно ли она настроена? после компиляции захожу в index.html , консоль, и далее функции написанные мною не работают(

[TTghost]

Kotaro Hiba, а всё, я разобрался, спасибо)