can't run shell command #3122

mikewang68 · 2023-02-10T06:02:19Z

mikewang68
Feb 10, 2023

Problem

Steps To Reproduce
my code is :

use yew::prelude::*;
use std::process::Command;
use gloo_console::log;

pub enum Msg {
AddOne,
MinOne,
}

pub struct App {
value: i64,
}

impl Component for App {
type Message = Msg;
type Properties = ();

fn create(_ctx: &Context<Self>) -> Self {
    Self { value: 0 }
}

fn update(&mut self, _ctx: &Context<Self>, msg: Self::Message) -> bool {
    match msg {
        Msg::AddOne => {
            let _output = Command::new("ls").arg("-l").output().expect("error");
            let _out = String::from_utf8(_output.stdout).unwrap();
            // println!("{}", out);
            log!(_out);

            self.value += 1;
            true
        }
        Msg::MinOne=> {
            self.value -= 1;
            true
        }
    }
}

fn view(&self, ctx: &Context<Self>) -> Html {
    let my_header = html! {
        <img src="panda.png" alt="Come Here!" width="100" height="100"/>
    };
    
    let my_html = html! {
        <div>
            <button onclick={ctx.link().callback(|_| Msg::AddOne)}>{ "+1" }</button>
            <button onclick={ctx.link().callback(|_| Msg::MinOne)}>{ "-1" }</button>
            <p>{ self.value }</p>
        </div>
    };

    html! {
        <>
            <header>
                {my_header}
            </header>
            <body>
                {my_html}
            </body>
        </>
    }
}

}

Expected behavior
when click addone , i wish see file list in web console [F12 click]

Screenshots
panicked at 'error: Error { kind: Unsupported, message: "operation not supported on this platform" }', src/my_app.rs:25:69

Stack:

Environment:

Yew version: [ v0.20, master]
Rust version: [ 1.67, stable]
Target, if relevant: [e.g. wasm32-unknown-emscripten]
Build tool, if relevant: [ trunk ]
OS, if relevant: [ Manjaro]
Browser and version, if relevant: [Chrome v108]

Questionnaire
please tell me how to use shell command in yew , thanks

Answered by systemtrap

Feb 10, 2023

This code is run in WASM runtime in your browser. There is not such thing as a shell command in this environment. You may create a server side API, call this API -- which intern calls Command::new and returns the output.

View full answer

systemtrap · 2023-02-10T15:49:03Z

systemtrap
Feb 10, 2023

This code is run in WASM runtime in your browser. There is not such thing as a shell command in this environment. You may create a server side API, call this API -- which intern calls Command::new and returns the output.

0 replies

mikewang68 · 2023-02-11T01:20:47Z

mikewang68
Feb 11, 2023
Author

This code is run in WASM runtime in your browser. There is not such thing as a shell command in this environment. You may create a server side API, call this API -- which intern calls Command::new and returns the output.

thank you very much

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

can't run shell command #3122

{{title}}

Replies: 2 comments

{{title}}

{{title}}

Select a reply

can't run shell command #3122

mikewang68 Feb 10, 2023

Replies: 2 comments

systemtrap Feb 10, 2023

mikewang68 Feb 11, 2023 Author

mikewang68
Feb 10, 2023

systemtrap
Feb 10, 2023

mikewang68
Feb 11, 2023
Author