gulp ngrok-serve --debug functionality

Question

gulp ngrok-serve --debug functionality

abbas izadipour 210

I'm studying MS-600, working on the following exercise:

https://learn.microsoft.com/en-us/training/modules/msteams-messaging-extensions/3-exercise-action-commands

After implementing this command " gulp ngrok-serve --debug" to run the server it is expected that a package folder (./package) should be created in the root of the project that contains a package.ZIP file that can be uploaded thru the microsoft teams client UI.

My problem is this packge folder and the package.ZIP doesn't show up.

Here is part of the out put of "gulp ngrok-serve --debug":

....

[09:21:20] Finished 'start-ngrok' after 3.58 s

[09:21:20] Starting 'serve'...

[09:21:20] Starting 'nuke'...

[09:21:20] Finished 'nuke' after 22 ms

[09:21:20] Starting 'manifest'...

[09:21:20] Starting 'validate-manifest'...

[09:21:20] Starting 'generateManifests'...

[09:21:20] Finished 'generateManifests' after 31 ms

[09:21:20] Starting 'validateSchemas'...

[09:21:20] Finished 'validateSchemas' after 7.4 ms

[09:21:20] Finished 'validate-manifest' after 40 ms

[09:21:20] Starting 'zipTask'...

[09:21:20] Finished 'zipTask' after 6.84 ms

[09:21:20] Finished 'manifest' after 49 ms

[09:21:20] Starting 'build'...

[09:21:20] Starting 'webpack'...

[09:21:20] Starting 'webpack:client'...

[09:21:20] Starting 'webpack:server'...

[09:21:26] Finished 'webpack:client' after 5.49 s

[09:21:27] Finished 'webpack:server' after 7.27 s

[09:21:27] Finished 'webpack' after 7.27 s

[09:21:27] Starting 'styles'...

[09:21:27] Finished 'styles' after 157 ms

[09:21:27] Starting 'static:copy'...

[09:21:28] Finished 'static:copy' after 37 ms

[09:21:28] Starting 'static:inject'...

[09:21:28] gulp-inject 1 file into index.html.

[09:21:28] gulp-inject 1 file into privacy.html.

[09:21:28] gulp-inject 1 file into tou.html.

[09:21:28] Finished 'static:inject' after 22 ms

[09:21:28] Finished 'build' after 7.49 s

.....

Prasad-MSFT 10,271 Reputation points Microsoft External Staff Moderator

2023-07-13T09:42:54.3033333+00:00

@abbas izadipour - We have tried to set up the sample following the steps mentioned and as you can see, you will get the manifest file in this location from where you can zip the package and upload to MS Teams.
abbas izadipour 210 Reputation points

2023-07-13T22:16:50.1633333+00:00

Thank you for you response.

I can see the manifest file in my project. My understanding from your comment is that developers can use the manifest file to ZIP the package. However, in the training module, I don't see any steps teaching the trainee how to use the manifest file to ZIP the package. Could you please help me find out how I can use the manifest file to ZIP the package?

Answer accepted by question author

1 additional answer

Your answer

Prasad-MSFT 10,271 Reputation points Microsoft External Staff Moderator

2023-07-13T09:42:54.3033333+00:00

@abbas izadipour - We have tried to set up the sample following the steps mentioned and as you can see, you will get the manifest file in this location from where you can zip the package and upload to MS Teams.
abbas izadipour 210 Reputation points

2023-07-13T22:16:50.1633333+00:00

Thank you for you response.

I can see the manifest file in my project. My understanding from your comment is that developers can use the manifest file to ZIP the package. However, in the training module, I don't see any steps teaching the trainee how to use the manifest file to ZIP the package. Could you please help me find out how I can use the manifest file to ZIP the package?

Answer 1

Prasad-MSFT 10,271 Microsoft External Staff Moderator

Yes, I understand there is no such mention in training demo. However, you can use the manifest file to ZIP the package.
Please check how to Create Teams app package & Upload in Teams

Thanks,

Prasad Das

*************************************************************************

If the response is helpful, please click "Accept Answer" and upvote it. You can share your feedback via Microsoft Teams Developer Feedback link.

abbas izadipour 210 Reputation points

2023-07-14T17:03:16.97+00:00

My understanding is that once the software is developed, the developer should create a ZIP file consisting of three items, as per the link you posted. I manually created the ZIP file, but when I try to upload it to MS Teams, I receive the following error: 'Something went wrong, please try again later.'

Apart from that, I watched the video in the training unit. The video demonstrates all the development steps, but it doesn't show how to manually create the package.ZIP as part of the process. It appears that the 'gulp ngrok-serve' command is responsible for generating the ZIP file.

Did you add the package file manually, or did it get generated automatically after executing the command?
abbas izadipour 210 Reputation points

2023-07-14T17:03:48.1566667+00:00

Thank you @Prasad-MSFT for your reply.

It was very helpful.

Answer 2

Carlos Roberto Domingues 1

Install gulp zip package

"npm install --save-dev gulp-zip"

Share via

gulp ngrok-serve --debug functionality

1 additional answer

Your answer