Giter Site home page Giter Site logo

chat-lightning-web-component-pack's Introduction

Salesforce App

This guide helps Salesforce developers who are new to Visual Studio Code go from zero to a deployed app using Salesforce Extensions for VS Code and Salesforce CLI.

Part 1: Choosing a Development Model

There are two types of developer processes or models supported in Salesforce Extensions for VS Code and Salesforce CLI. These models are explained below. Each model offers pros and cons and is fully supported.

Package Development Model

The package development model allows you to create self-contained applications or libraries that are deployed to your org as a single package. These packages are typically developed against source-tracked orgs called scratch orgs. This development model is geared toward a more modern type of software development process that uses org source tracking, source control, and continuous integration and deployment.

If you are starting a new project, we recommend that you consider the package development model. To start developing with this model in Visual Studio Code, see Package Development Model with VS Code. For details about the model, see the Package Development Model Trailhead module.

If you are developing against scratch orgs, use the command SFDX: Create Project (VS Code) or sfdx force:project:create (Salesforce CLI) to create your project. If you used another command, you might want to start over with that command.

When working with source-tracked orgs, use the commands SFDX: Push Source to Org (VS Code) or sfdx force:source:push (Salesforce CLI) and SFDX: Pull Source from Org (VS Code) or sfdx force:source:pull (Salesforce CLI). Do not use the Retrieve and Deploy commands with scratch orgs.

Org Development Model

The org development model allows you to connect directly to a non-source-tracked org (sandbox, Developer Edition (DE) org, Trailhead Playground, or even a production org) to retrieve and deploy code directly. This model is similar to the type of development you have done in the past using tools such as Force.com IDE or MavensMate.

To start developing with this model in Visual Studio Code, see Org Development Model with VS Code. For details about the model, see the Org Development Model Trailhead module.

If you are developing against non-source-tracked orgs, use the command SFDX: Create Project with Manifest (VS Code) or sfdx force:project:create --manifest (Salesforce CLI) to create your project. If you used another command, you might want to start over with this command to create a Salesforce DX project.

When working with non-source-tracked orgs, use the commands SFDX: Deploy Source to Org (VS Code) or sfdx force:source:deploy (Salesforce CLI) and SFDX: Retrieve Source from Org (VS Code) or sfdx force:source:retrieve (Salesforce CLI). The Push and Pull commands work only on orgs with source tracking (scratch orgs).

The sfdx-project.json File

The sfdx-project.json file contains useful configuration information for your project. See Salesforce DX Project Configuration in the Salesforce DX Developer Guide for details about this file.

The most important parts of this file for getting started are the sfdcLoginUrl and packageDirectories properties.

The sfdcLoginUrl specifies the default login URL to use when authorizing an org.

The packageDirectories filepath tells VS Code and Salesforce CLI where the metadata files for your project are stored. You need at least one package directory set in your file. The default setting is shown below. If you set the value of the packageDirectories property called path to force-app, by default your metadata goes in the force-app directory. If you want to change that directory to something like src, simply change the path value and make sure the directory you’re pointing to exists.

"packageDirectories" : [
    {
      "path": "force-app",
      "default": true
    }
]

Part 2: Working with Source

For details about developing against scratch orgs, see the Package Development Model module on Trailhead or Package Development Model with VS Code.

For details about developing against orgs that don’t have source tracking, see the Org Development Model module on Trailhead or Org Development Model with VS Code.

Part 3: Deploying to Production

Don’t deploy your code to production directly from Visual Studio Code. The deploy and retrieve commands do not support transactional operations, which means that a deployment can fail in a partial state. Also, the deploy and retrieve commands don’t run the tests needed for production deployments. The push and pull commands are disabled for orgs that don’t have source tracking, including production orgs.

Deploy your changes to production using packaging or by converting your source into metadata format and using the metadata deploy command.

chat-lightning-web-component-pack's People

Contributors

colatabajonies avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

chat-lightning-web-component-pack's Issues

The window.postMessage to send a chasitor event doesn't work.

On my community or inside the bot preview, any component that are "replacing" the customer's input, for example the date picker, the survery, etc.

They all try to send a response to the bot back with

window.postMessage({ message: dateValue, type: "chasitor.sendMessage" }, window.parent.location.href );

I see the event being fired, but nothing happens and the bot doesn't receive the customer's message so it just sits there waiting for an input.

Screen Flow result is showing blank value.

Can you please help me to call screen flow and return value display on chat bot.
I used same flow and setting as per your code.
But I am getting blank message response in flowresponse variable.

Screen flow without community

My organization is not using community, and chat is exposed on company website. Is there a way to use Screen flow in chat in this setup ?
I'm asking as in the documentation there is an information: "Ensure that you followed the community page steps above to have your flowcomponent page setup prior to using the flow component." which is not an option.

Screen Flow result is showing blank value

Can you please help me to call screen flow and return value display on chat bot.
I used same flow and setting as per your code.
But I am getting blank message response in flowresponse variable.

Lwcchatpack_address not working

I am trying to use this web component to get url information from user in website. Not able to use this in chat bot . can anyone guide me how to use this and get url information from the user logging in

Post Message is not working in External Site

am using below code in my LWC for using in Einstein Chat Bot. I am getting proper response in Community and Chat bot preview mode but not in External Site. Any code I need to add in Embedded Service Deployment settings to make that work? I am not finding any result...

handleOk(event) { this.surveyDisabled = true; this.dispatchEvent(new CustomEvent('postmessage',{ detail: 'lwc:hide:' + this.checkValue.join(';') })); }
I haven't found any code snippet to try it on External Site.

Redirect to Article Only Works Once Per Session

When using the redirect to article component, I've found that the navigation to the Article Detail page (URLName) only works once per session. When trying to navigate back to the article, there is a message in the console:

redirect article https-content-motionpoint-com-guide-International-SEO-Best-Practices-pdf
lwcchatpack_navigate.js:1 hasdirected true
lwcchatpack_navigate.js:1 already went here

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.