Pracowałem nad wtyczką czatu dla HTML za pomocą Vuejs, problemem jest, że nie wiem, jak utworzyć wtyczkę, która może być używana do wdrożenia tej wtyczki na dowolnej stronie internetowej.

Zasadniczo chcę złożyć prośbę, która otrzyma wtyczkę czatu na dowolną stronę internetową. Np.

Mam pliki budowania tego widoku czatu. Jaki powinien być mój następny ruch?

Z góry dziękuję!

0
Rohit Nair 20 styczeń 2020, 07:31

1 odpowiedź

Najlepsza odpowiedź

Rozwiązałem ten problem, budując plik vuejs i usunięcie,,, z wbudowanego pliku, a następnie importowanie go do dowolnego pliku HTML za pomocą: -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div id="floating-chat"></div>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript">
axios.get('https://dfe43d80.ngrok.io/views').then(({data})=>{
    $('#floating-chat').html(data);
}).catch(err=>console.log(err));
</script>

Nie zapomnij wymienić wszystkich linków z serwera i użyj Express.stic

app.use(express.static(__dirname+'/dist'));

fs.readFile(__dirname + '/dist/index.html', 'utf8', (err, html)=>{
    if(err){
        console.log(err);
    }
    html.replace('href=/js',`href=https://YOURWEBISTE.COM/js`);
    html.replace('href=/css',`href=https://YOURWEBISTE.COM/css`);
    html.replace('src=/js',`src=https://YOURWEBISTE.COM/js`);
    console.log(html);
    res.send(html);
});

I użyj CORS, aby pozwolić innym stronom importować zawartość HTML.

1
Rohit Nair 13 styczeń 2021, 06:25